:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{width:100%;max-width:100%;overflow-x:hidden}body{background:var(--bg-app);min-width:320px;min-height:100vh;color:var(--text);margin:0;display:block}a{color:var(--accent);font-weight:600;text-decoration:none}a:hover{color:var(--accent);opacity:.85;text-decoration:underline}h1,h2,h3{margin:0}input,textarea,select,button{font:inherit;color:inherit}select{background-color:#0000}.ds-page{width:100%;max-width:var(--page-max);padding:var(--page-pad);box-sizing:border-box;margin:0 auto}@media (min-width:900px){.ds-page{padding:var(--page-pad-lg)}}.ds-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow:auto hidden}.roBanner{border:1px solid var(--warn);background:var(--warn-soft);color:var(--text);border-radius:var(--r-md);margin-bottom:12px;padding:8px 10px}.toast{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);margin-bottom:10px;padding:10px 12px}.toast.ok{border-color:var(--ok);background:var(--ok-soft)}.toast.info{border-color:var(--accent);background:var(--accent-soft)}.toast.error{border-color:var(--danger);background:var(--danger-soft)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);max-height:70vh;overflow:auto}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl thead th{background:var(--bg-soft);color:var(--text-secondary);z-index:1;border-bottom:1px solid var(--border);position:sticky;top:0}.tbl th,.tbl td{text-align:left;border-top:1px solid var(--border);padding:10px}.tbl tbody tr:nth-child(odd){background:var(--bg-app)}.tbl code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f1f5f9;--bg-surface:#fff;--bg-soft:#f8fafc;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-strong:#2563eb66;--accent:#2563eb;--accent-soft:#2563eb14;--ok:#16a34a;--ok-soft:#f0fdf4;--warn:#f59e0b;--warn-soft:#fffbeb;--danger:#ef4444;--danger-soft:#fef2f2;--r-sm:8px;--r-md:10px;--r-lg:14px;--s-1:6px;--s-2:10px;--s-3:14px;--s-4:18px;--s-5:24px;--bg:var(--bg-app);--panel:var(--bg-surface);--panel-solid:var(--bg-surface);--muted:var(--text-muted);--inner-highlight:#ffffffbf;--inner-rim:#0f172a08;--shadow-soft:0 1px 4px #0000000d;--shadow-card:0 1px 4px #0000000d, 0 0 0 .5px #fffc inset;--shadow-topbar:0 1px 3px #0000000a;--shadow-hard:0 4px 16px #0f172a14;--glow:0 0 0 3px #2563eb1a;--ls-tight:-.01em;--ls-title:-.02em;--page-max:1200px;--page-pad:14px;--page-pad-lg:18px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0b0f14;--bg-surface:#121820;--bg-soft:#161d26;--text:#e6edf3;--text-secondary:#a9b4c2;--text-muted:#7d8a99;--border:#263241;--border-strong:#3b82f673;--accent:#3b82f6;--accent-soft:#3b82f629;--ok-soft:#16a34a24;--warn-soft:#f59e0b24;--danger-soft:#ef444424;--bg:var(--bg-app);--panel:var(--bg-surface);--panel-solid:var(--bg-surface);--muted:var(--text-muted);--inner-highlight:#ffffff0a;--inner-rim:#ffffff08;--shadow-soft:0 1px 2px #0006;--shadow-card:0 2px 8px #0006, 0 0 0 .5px #ffffff0d inset;--shadow-topbar:0 1px 3px #00000059;--shadow-hard:0 6px 20px #00000080;--glow:0 0 0 3px #3b82f62e}[data-theme=dark] body{background:var(--bg-app);color:var(--text)}@media (max-width:640px){:root{--page-pad:12px;--page-pad-lg:16px;--r-lg:12px;--s-4:16px;--s-5:20px}}.ds-app{background:var(--bg-app);color:var(--text);text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;position:relative}.ds-panel,.ds-panel-solid,.ds-panel-featured{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-card);isolation:isolate;position:relative}.ds-panel-featured{border:1px solid var(--border-strong);box-shadow:var(--shadow-hard)}.ds-h1{letter-spacing:var(--ls-title);color:var(--text);font-size:24px;font-weight:800}.ds-h2{letter-spacing:var(--ls-tight);color:var(--text);font-size:14px;font-weight:700}.ds-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.5}.ds-muted{color:var(--text-muted)}.ds-glow{box-shadow:var(--glow)}.ds-section-title{border-left:2.5px solid var(--accent);color:var(--text);letter-spacing:-.015em;padding-left:8px;font-size:13px;font-weight:600}.ds-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;box-shadow:0 1px 2px #0000000a}.ds-btn:hover{background:var(--bg-soft);color:var(--text)}.ds-btn:disabled{opacity:.55;cursor:default}.ds-btn-primary{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--r-md)}.ds-btn-primary:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.ds-btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.ds-btn-ghost:hover{background:var(--bg-soft);color:var(--text)}.ds-input,.ds-select,.ds-textarea{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-soft);width:100%;color:var(--text);outline:none;padding:9px 12px;font-size:13px;transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px 2px #00000008}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--text-muted)}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--bg-surface)}.ds-textarea{resize:vertical;line-height:1.45}.ds-table{border-collapse:collapse;background:var(--bg-surface);width:100%;font-size:13px}.ds-table th{text-align:left;color:var(--text-secondary);background:var(--bg-soft);border-bottom:1px solid var(--border);padding:10px 12px;font-weight:700}.ds-table td{background:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;padding:10px 12px}.ds-table tbody tr:nth-child(2n) td{background:var(--bg-soft)}.ds-table tbody tr:hover td{background:var(--accent-soft);cursor:pointer}@media (min-width:900px){.sidebar-md{display:block!important}}.ds-pill{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.ds-pill-ok{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.ds-pill-warn{border-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.ds-pill-danger{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.ds-pill-info{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}@media (max-width:520px){.ds-h1{font-size:20px}.ds-h2{font-size:13px}.ds-subtitle{font-size:12px;line-height:1.55}.ds-card{border-radius:var(--r-md)!important;padding:12px!important}.ds-btn{padding:8px 12px}.ds-pill{padding:4px 9px}.ds-input,.ds-select,.ds-textarea{padding:9px 11px;font-size:13px}.ds-table th,.ds-table td{padding:9px 10px}}@media (max-width:640px){.ds-panel,.ds-panel-solid{border-radius:10px;margin-left:0;margin-right:0}.ds-btn{width:100%;min-height:44px;font-size:14px}.ds-input,.ds-select,.ds-textarea{min-height:44px;font-size:16px}.ds-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.opt2-canvas{padding-bottom:64px!important}}.concept-ui{position:relative}.concept-ui .concept-grid{grid-template-columns:320px 1fr 540px;align-items:start;gap:14px;display:grid}.concept-ui .concept-hero{margin-bottom:14px}.concept-ui .concept-title{letter-spacing:var(--ls-title);color:var(--text);font-size:22px;font-weight:800}.concept-ui .concept-subtitle{color:var(--text-secondary);max-width:940px;margin-top:6px;font-size:13px;line-height:1.5}.concept-ui .glass{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-soft);padding:14px}.concept-ui .glass-title-row{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.concept-ui .glass-title{color:var(--text);font-size:14px;font-weight:700}.concept-ui .glass-sub{color:var(--text-muted);font-size:12px}.concept-ui .selected-glow{background:var(--accent-soft);box-shadow:var(--glow);border:1px solid var(--accent)!important}.concept-ui .c-input{border-radius:var(--r-md);border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg-soft);outline:none;padding:9px 12px;font-size:13px;transition:border-color .12s,box-shadow .12s}.concept-ui .c-input::placeholder{color:var(--text-muted)}.concept-ui .c-input:focus{border-color:var(--accent);background:var(--bg-surface);box-shadow:0 0 0 3px var(--accent-soft)}.concept-ui .pill{cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.concept-ui .pill:hover{background:var(--bg-soft);color:var(--text)}.concept-ui .pill-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.concept-ui .pill-primary:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.concept-ui .pill:disabled{opacity:.55;cursor:default}.concept-ui .entry{text-align:left;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;width:100%;padding:12px;transition:background .12s,border-color .12s}.concept-ui .entry:hover{background:var(--bg-soft);border-color:var(--accent)}.concept-ui .entry-title{color:var(--text);font-size:13px;font-weight:700}.concept-ui .entry-meta{color:var(--text-muted);margin-top:4px;font-size:12px}.concept-ui .concept-quote{text-align:center;color:var(--text-secondary);margin-top:26px;font-size:18px;font-style:italic}