@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-4Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-5Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-6SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Freesentation;src:url(/fonts/Freesentation-4Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Freesentation;src:url(/fonts/Freesentation-5Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Freesentation;src:url(/fonts/Freesentation-6SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:A2Z;src:url(/fonts/A2Z-4Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:A2Z;src:url(/fonts/A2Z-5Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:A2Z;src:url(/fonts/A2Z-6SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}:root[data-theme=ink]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:"Paperlogy", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--font-ui);color:#cbc9c0;--rail:#201f1a;--bg:#1a1a16;--panel:#201f1a;--panel-2:#26251e;--raised:#26251e;--hover:#2e2d25;--selected:#35342b;--line-soft:#2a2922;--line:#33322a;--line-strong:#454338;--text-strong:#f5f4ef;--text:#cbc9c0;--muted:#a09c92;--faint:#7d7a71;--accent:#f54e00;--accent-hover:#ff6a26;--accent-text:#ff7a45;--inverse:#1a1a16;--acid:#f54e00;--brand:#f54e00;--red:#ff6b86;--good:#4fbf95;--warn:#c08532;--focus:#ff7a45;--control-line:#7d7a71;background:#1a1a16}:root[data-theme=ink] .study-shell{--bg:#1a1a16;--panel:#201f1a;--panel-2:#26251e;--raised:#26251e;--line:#33322a;--line-soft:#2a2922;--line-strong:#454338;--hover:#2e2d25;--selected:#35342b;--text:#f5f4ef;--text-strong:#f5f4ef;--muted:#cbc9c0;--faint:#a09c92;--acid:#f54e00;--accent:#f54e00;--accent-hover:#ff6a26;--accent-text:#ff7a45;--inverse:#1a1a16;--good:#4fbf95;--good-dot:#4fbf95;--warn:#c08532;--bad:#ff6b86;--red:#ff6b86;--focus:#ff7a45;--control-line:#7d7a71}:root[data-theme=ink] .knowledge{--kn-ink:#f5f4ef;--kn-muted:#cbc9c0;--kn-line:#33322a;--kn-soft:#26251e;--kn-accent:#f54e00;--kn-accent-text:#ff7a45}:root[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"Paperlogy", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--font-ui);color:#26251e;--rail:#efeee8;--bg:#f7f7f4;--panel:#fafaf7;--panel-2:#efeee8;--raised:#fff;--hover:#efeee8;--selected:#e6e5e0;--line-soft:#efeee8;--line:#e6e5e0;--line-strong:#cfcdc4;--text-strong:#26251e;--text:#5a5852;--muted:#6b6862;--faint:#a09c92;--accent:#d04200;--accent-hover:#b03800;--accent-text:#b03800;--inverse:#fff;--acid:#d04200;--brand:#f54e00;--red:#cf2d56;--good:#1f8a65;--warn:#c08532;--focus:#b03800;--control-line:#807d72;background:#f7f7f4}:root:is([data-theme=ink],[data-theme=paper]) body{background:var(--bg)}[data-theme=paper] .study-shell{--bg:#f7f7f4;--panel:#fafaf7;--panel-2:#efeee8;--raised:#fff;--line:#e6e5e0;--line-soft:#efeee8;--line-strong:#cfcdc4;--hover:#efeee8;--selected:#e6e5e0;--text:#26251e;--text-strong:#26251e;--muted:#5a5852;--faint:#807d72;--acid:#d04200;--accent:#d04200;--accent-hover:#b03800;--accent-text:#b03800;--brand:#f54e00;--inverse:#fff;--good:#1f8a65;--good-dot:#1f8a65;--warn:#c08532;--bad:#cf2d56;--red:#cf2d56;--focus:#b03800;--control-line:#807d72}:root:is([data-theme=ink],[data-theme=paper]) .sidebar{background:var(--panel);border-color:var(--line);border-right-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}:root:is([data-theme=ink],[data-theme=paper]) .nav{color:var(--muted)}:root:is([data-theme=ink],[data-theme=paper]) .nav:hover{color:var(--text-strong);background:var(--hover)}:root:is([data-theme=ink],[data-theme=paper]) .nav.active{color:var(--acid);background:var(--selected);box-shadow:none}:root:is([data-theme=ink],[data-theme=paper]) .nav.active svg{color:inherit}:root:is([data-theme=ink],[data-theme=paper]) .brand{color:var(--text-strong)}:root:is([data-theme=ink],[data-theme=paper]) .brand-mark{color:var(--inverse);box-shadow:none}:root:is([data-theme=ink],[data-theme=paper]) .security-note{background:var(--panel-2);border-color:var(--line);color:var(--muted)}:root:is([data-theme=ink],[data-theme=paper]) .quiet{color:var(--muted)}:root:is([data-theme=ink],[data-theme=paper]) .quiet:hover{color:var(--text-strong)}:root:is([data-theme=ink],[data-theme=paper]) .topbar{border-color:var(--line)}:root:is([data-theme=ink],[data-theme=paper]) .eyebrow,:root:is([data-theme=ink],[data-theme=paper]) .connected{color:var(--muted)}:root:is([data-theme=ink],[data-theme=paper]) .connected i{box-shadow:none}:root:is([data-theme=ink],[data-theme=paper]) .icon-button{background:var(--raised);border-color:var(--line)}:root:is([data-theme=ink],[data-theme=paper]) .icon-button:hover{background:var(--hover)}:root:is([data-theme=ink],[data-theme=paper]) .study-button.dark{background:var(--acid);color:var(--inverse);border-color:var(--acid)}:root:is([data-theme=ink],[data-theme=paper]) .study-button.selected{background:var(--selected);border-color:var(--line-strong)}:root:is([data-theme=ink],[data-theme=paper]) .study-command>div{color:var(--muted)}:root:is([data-theme=ink],[data-theme=paper]) .panel{background:var(--raised);box-shadow:none}:root:is([data-theme=ink],[data-theme=paper]) .modal{background:var(--raised);border-color:var(--line);box-shadow:0 0 0 1px var(--line-strong)}:root:is([data-theme=ink],[data-theme=paper]) .modal-backdrop{background:#26251e73}:root:is([data-theme=ink],[data-theme=paper]) .busy{background:var(--raised);border-color:var(--line-strong);box-shadow:none;color:var(--text-strong)}:root:is([data-theme=ink],[data-theme=paper]) .login{background:var(--bg)}:root:is([data-theme=ink],[data-theme=paper]) .login-card{background:var(--raised);border-color:var(--line);box-shadow:0 0 0 1px var(--line)}:root:is([data-theme=ink],[data-theme=paper]) .login-card h1{color:var(--text-strong)}:root:is([data-theme=ink],[data-theme=paper]) .login-card input{background:var(--bg);color:var(--text-strong);border-color:var(--line-strong)}:root:is([data-theme=ink],[data-theme=paper]) .login-card label{color:var(--muted)}:root:is([data-theme=ink],[data-theme=paper]) .skip-link{background:var(--text-strong);color:var(--bg)}:root:is([data-theme=ink],[data-theme=paper]) .knowledge{--kn-ink:#26251e;--kn-muted:#5a5852;--kn-line:#e6e5e0;--kn-soft:#efeee8;--kn-accent:#f54e00;--kn-accent-text:#d04200}:root:is([data-theme=ink],[data-theme=paper]) .kn-anchors{background:var(--bg)}:root:is([data-theme=ink],[data-theme=paper]) .kn-add-strip,:root:is([data-theme=ink],[data-theme=paper]) .kn-list button:hover{background:var(--panel);border-color:var(--line-strong)}:root:is([data-theme=ink],[data-theme=paper]) .kn-cx.medium,:root:is([data-theme=ink],[data-theme=paper]) .kn-cat-card:hover,:root:is([data-theme=ink],[data-theme=paper]) .kn-flow:hover{border-color:var(--line-strong)}:root:is([data-theme=ink],[data-theme=paper]) .settings-page [role=status]{color:var(--accent-text)}:root:is([data-theme=ink],[data-theme=paper]) .setting-choice>button[aria-expanded=true]{border-color:var(--accent)}:root:is([data-theme=ink],[data-theme=paper]) :is(h1,h2,h3,h4,.brand,.brand strong,.eyebrow,.metric strong,.panel-head h2,.section-title h3,.login-card h1,.primary,.small-primary,.overview-shades header b,.overview-shades code){font-family:var(--font-ui)}:root:is([data-theme=ink],[data-theme=paper]) :is(.login-card h1,.topbar h1,.hero h2,.page-intro h2,.menu-guide h2){letter-spacing:-.03em;font-weight:400}:root:is([data-theme=ink],[data-theme=paper]) .brand-mark,:root:is([data-theme=ink],[data-theme=paper]) .connected i{background:var(--brand)}:root:is([data-theme=ink],[data-theme=paper]) .nav.active{color:var(--brand);box-shadow:none}:root:is([data-theme=ink],[data-theme=paper]) .study-dot{background:var(--brand)}:root:is([data-theme=ink],[data-theme=paper]) .library-next,:root:is([data-theme=ink],[data-theme=paper]) .menu-guide{background:var(--panel);border-color:var(--line);color:var(--text)}:root:is([data-theme=ink],[data-theme=paper]) :is(.library-next p,.library-next span,.menu-guide p,.technical-details summary){color:var(--muted)}:root:is([data-theme=ink],[data-theme=paper]) .technical-details{border-color:var(--line)}:root:is([data-theme=ink],[data-theme=paper]) .menu-guide li>span{background:var(--raised);color:var(--muted)}:root:is([data-theme=ink],[data-theme=paper]) :is(.primary,.small-primary,button):disabled{opacity:1;background:var(--selected);color:var(--faint);border-color:var(--line)}:root[data-font=system]{--font-ui:system-ui, -apple-system, "Pretendard", "Noto Sans KR", "Segoe UI", sans-serif}:root[data-font=freesentation]{--font-ui:"Freesentation", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif}:root[data-font=a2z]{--font-ui:"A2Z", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif}.study-shell{--bg:#fffcf2;--panel:#fff;--line:#d9d2c5;--muted:#6b655c;--acid:#eb5e28;--accent:#eb5e28;color:#252422;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-width:thin;scrollbar-color:#9a927f59 transparent;background:#fffcf2;grid-template-columns:200px minmax(0,1fr)}.study-shell ::-webkit-scrollbar{width:8px;height:8px}.study-shell ::-webkit-scrollbar-track{background:0 0}.study-shell ::-webkit-scrollbar-thumb{background:#9a927f52 padding-box content-box;border:2px solid #0000;border-radius:999px}.study-shell ::-webkit-scrollbar-thumb:hover{background:#9a927f8c padding-box content-box;border:2px solid #0000}.study-shell .sidebar{background:#f1ede2;border-color:#d9d2c5}.study-shell .brand{color:#252422}.study-shell .nav{color:#6b655c;font-size:12px}.study-shell .nav:hover{color:#222;background:#ebe6da}.study-shell .nav.active{color:var(--acid);box-shadow:none;background:#e0dacc}.study-shell .nav.active svg{color:inherit}.study-shell .security-note{color:#6b655c;background:#e4dfd3;border-color:#d9d2c5}.study-shell .quiet{color:#777}.study-shell .topbar{border-color:#d9d2c5;height:82px;margin-bottom:0}.study-shell .topbar-start-slot .study-button{flex:none;min-height:40px}.study-shell .topbar-start-slot .study-button:focus-visible{outline-offset:3px;outline:3px solid #eb5e28}.study-shell .topbar h1{font-size:18px}.study-shell .eyebrow{color:#6b655c;font-size:9px}.study-shell .connected{color:#777}.study-shell .icon-button{color:#333}.study-shell main{min-width:0;padding:0 36px}.study{--st-line:#e2e3dd;--st-muted:#7d8077;--st-ink:#252922;max-width:1440px;color:var(--st-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:auto;padding:0 0 40px;font-size:13px;line-height:1.5}.study button,.study input,.study select{font:inherit}.study button{cursor:pointer}.study button:disabled{opacity:.45;cursor:not-allowed}.study a{color:inherit;text-decoration:none}.study :is(button,input,select,a,summary):focus-visible,.study-viewer button:focus-visible,.study-capture :is(button,input,select):focus-visible{outline-offset:3px;outline:3px solid #eb5e28}.study h2,.study h3,.study h4,.study p{margin:0}.study-button{color:#30342c;white-space:nowrap;background:#fff;border:1px solid #dbded4;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 15px;font-size:12px;display:inline-flex}.study-button:hover{background:#f0f2e9}.study-button.dark{color:var(--inverse);background:#eb5e28;border-color:#eb5e28}.study-button.dark:hover{background:#d9511d}.study-button.selected{background:#e0dacc;border-color:#bfb7a9}.study-command{justify-content:space-between;align-items:center;gap:15px;padding:22px 0 20px;display:flex}.study-command>div{letter-spacing:.13em;color:#6b655c;align-items:center;gap:8px;font-size:9px;display:flex}.study-dot{background:#eb5e28;border-radius:50%;width:5px;height:5px}.study-source-picker{border-bottom:1px solid var(--st-line);align-items:center;gap:18px;padding-bottom:18px;display:flex}.study-source-picker label{align-items:center;gap:9px;min-width:0;display:flex}.study-source-picker label:first-child{flex:1}.study-source-picker span{color:#7e8276;white-space:nowrap;font-size:10px}.study-source-picker select{color:#404538;background:#fff;border:1px solid #e4e5df;border-radius:6px;width:100%;max-width:440px;padding:7px 28px 7px 9px;font-size:11px}.study-hero{align-items:center;gap:20px;padding:40px 0 34px;display:flex}.study-site-icon{background:#fff;border:1px solid #e0e2d8;border-radius:21px;flex:none;place-items:center;width:76px;height:76px;font-size:40px;font-weight:750;display:grid;box-shadow:0 5px 20px #28351405}.study-hero-copy{flex:1;min-width:0}.study-eyebrow{letter-spacing:.15em;color:#898f7d;margin-bottom:9px;font-size:9px;font-weight:600}.study-hero h2{letter-spacing:-.055em;font-size:39px;font-weight:650;line-height:1.1}.study-hero-copy>p{color:#8a8e82;text-overflow:ellipsis;white-space:nowrap;max-width:550px;margin:10px 0;font-size:12px;overflow:hidden}.study-meta{color:#888e7e;flex-wrap:wrap;align-items:center;gap:14px;font-size:10px;display:flex}.study-meta>span,.study-meta>a{align-items:center;gap:5px;display:flex}.study-meta>a{color:#414a34}.study-hero-actions{align-self:flex-end;gap:8px;padding-bottom:5px;display:flex}.study-tabs{border-bottom:1px solid var(--st-line);align-items:center;gap:30px;margin-bottom:28px;display:flex}.study-tabs>button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:16px 0;font-size:13px;font-weight:600;display:flex}.study-tabs>button:is(.active,[aria-selected=true]){color:#2c3421;border-bottom-color:#333c27}.study-tabs>button>span{color:#8a8e82;background:#eeeee9;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:400}.study-tabs-note{color:#858d7a;margin-left:auto;font-size:10px}.study-overview{background:#f1f3eb;border:1px solid #e2e5d9;border-radius:14px;grid-template-columns:1fr 1.35fr;min-height:345px;display:grid;overflow:hidden}.study-overview-left{flex-direction:column;align-items:flex-start;padding:35px 32px;display:flex}.study-overview h3{letter-spacing:-.05em;margin:5px 0 13px;font-size:28px;font-weight:620;line-height:1.35}.study-overview p{color:#8a907f;font-size:11px;line-height:1.9}.study-stats{gap:35px;margin:22px 0;display:flex}.study-stats>div{gap:2px;display:grid}.study-stats strong{letter-spacing:-.03em;font-size:24px;font-weight:500}.study-stats span{color:#88907c;font-size:9px}.study-mini-palette{gap:4px;margin:3px 0 12px;display:flex}.study-mini-palette i{border:1px solid #0001;border-radius:50%;width:23px;height:23px}.study-overview-left>small{color:#949b87;font-size:9px}.study-overview-visual{background:radial-gradient(at 80% 35%,#e4eadd,#0000 70%);align-items:center;min-width:0;padding:35px 30px 42px 18px;display:flex;position:relative;overflow:hidden}.study-browser-shot{background:#fff;border:1px solid #d0d7c5;border-radius:8px;align-self:center;width:91%;padding:0;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 12px 35px #2c3b1526}.study-browser-shot>div:first-child{background:#fdfefb;align-items:center;gap:3px;height:24px;padding:0 9px;display:flex}.study-browser-shot i{background:#d8ddd0;border-radius:50%;width:4px;height:4px}.study-browser-shot span{color:#abb19e;font-size:7px;position:absolute;left:40%}.study-browser-shot img{aspect-ratio:1.44;object-fit:cover;object-position:top;width:100%;display:block}.study-phone-shot{background:#fff;border:2px solid #34402d;border-radius:14px;width:24%;padding:3px;position:absolute;bottom:30px;right:22px;overflow:hidden;transform:rotate(5deg);box-shadow:0 8px 24px #28361830}.study-phone-shot img{aspect-ratio:390/844;object-fit:cover;border-radius:9px;width:100%;display:block}.study-visual-label{letter-spacing:.13em;color:#9ba58d;font-size:7px;position:absolute;bottom:13px;left:20px}.study-section{margin-top:44px;scroll-margin-top:25px}.study-section-title{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.study-section-title>span{color:#9da68f;padding-top:4px;font-family:monospace;font-size:9px}.study-section-title h3{letter-spacing:-.03em;font-size:19px;font-weight:600}.study-section-title p{color:#8e9484;margin-top:5px;font-size:10px;line-height:1.7}.study-palette{scrollbar-width:thin;grid-template-columns:repeat(9,minmax(64px,1fr));gap:12px;display:grid;overflow-x:auto}.study-swatch{text-align:left;background:0 0;border:0;min-width:0;padding:0}.study-swatch>div{color:#fff;border:1px solid #0000000d;border-radius:8px;justify-content:space-between;align-items:flex-end;height:82px;padding:9px;display:flex;position:relative}.study-swatch>div>span,.study-swatch>div>svg{mix-blend-mode:difference;font-size:8px}.study-swatch strong{white-space:nowrap;text-overflow:ellipsis;margin:9px 0 4px;font:10px monospace;display:block;overflow:hidden}.study-swatch small{color:#939a88;font-size:8px;display:block}.study-swatch:hover>div{box-shadow:0 0 0 2px #748554}.study-type-card{border:1px solid var(--st-line);background:#fff;border-radius:12px;grid-template-columns:230px 1fr;display:grid;overflow:hidden}.study-type-card>aside{border-right:1px solid var(--st-line);background:#f3f4ee;flex-direction:column;gap:18px;padding:25px;display:flex;overflow:hidden}.study-type-card aside>span,.study-structure h4{letter-spacing:.12em;color:#879375;font-size:9px;font-weight:500}.study-type-card aside strong{overflow-wrap:anywhere;font-size:11px;line-height:1.6;display:block}.study-type-card aside small{color:#99a18d;font-size:9px}.study-aa{color:#a7b48f;letter-spacing:-.12em;margin-top:auto;font-family:Georgia,serif;font-size:110px;line-height:1}.study-type-row{text-align:left;color:#2d3425;background:#fff;border:0;border-bottom:1px solid #edede7;width:100%;padding:20px 26px;display:block}.study-type-row:last-child{border-bottom:0}.study-type-row:hover{background:#fafbf6}.study-type-row>div{align-items:center;gap:12px;margin-bottom:10px;display:flex}.study-type-row span{color:#85936f;background:#f0f3e9;border-radius:3px;padding:2px 5px;font-size:8px}.study-type-row code{color:#929b86;font-size:9px}.study-type-row p{white-space:nowrap;text-overflow:ellipsis;line-height:1.5;overflow:hidden}.study-foundations{grid-template-columns:1fr 1fr;gap:30px;display:grid}.study-spacing{border:1px solid var(--st-line);background:#fff;border-radius:10px;padding:14px 20px}.study-spacing button{background:0 0;border:0;align-items:center;gap:18px;width:100%;height:33px;display:flex}.study-spacing code{color:#7b876b;text-align:left;width:48px;font-size:10px}.study-spacing i{background:#c4d4a6;border-radius:2px;max-width:60%;height:10px}.study-spacing small{color:#a0a995;margin-left:auto;font-size:9px}.study-radii{border:1px solid var(--st-line);background:#fff;border-radius:10px;flex-wrap:wrap;gap:16px;padding:20px;display:flex}.study-radii button{text-align:center;background:0 0;border:0;flex:1;gap:9px;min-width:38px;padding:0;display:grid}.study-radii i{background:#edf1e5;border:1px solid #c7d5b0;justify-self:center;width:45px;max-width:100%;height:43px}.study-radii code{color:#8b9977;font-size:9px}.study-shadow{border:1px solid var(--st-line);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:20px;width:100%;margin-top:12px;padding:13px 20px;display:flex}.study-shadow i{background:#fff;border-radius:5px;flex:none;width:30px;height:26px}.study-shadow code{color:#8a957c;overflow-wrap:anywhere;font-size:8px;line-height:1.8}.study-components{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.study-component{text-align:left;border:1px solid var(--st-line);background:#fff;border-radius:10px;min-width:0;padding:0;overflow:hidden}.study-component-stage{background:repeating-linear-gradient(0deg,#0000,#0000 19px,#9aa77a09 20px),repeating-linear-gradient(90deg,#f5f6f0,#f5f6f0 19px,#9aa77a09 20px);justify-content:center;align-items:center;height:125px;padding:14px;display:flex;overflow:hidden}.study-component-stage>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;box-shadow:0 2px 8px #00000007}.study-component>div:nth-child(2){justify-content:space-between;align-items:center;padding:14px 15px 3px;display:flex}.study-component strong{font-size:10px;font-weight:500}.study-component>div>span{color:#8a967b;align-items:center;gap:8px;font-size:9px;display:inline-flex}.study-component>code{white-space:nowrap;text-overflow:ellipsis;color:#a0aa92;margin:3px 15px 14px;font-size:8px;display:block;overflow:hidden}.study-structure{border:1px solid var(--st-line);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;display:grid}.study-outline,.study-motion{min-width:0;padding:24px}.study-outline{border-right:1px solid var(--st-line)}.study-structure h4{margin-bottom:19px}.study-outline>div:not(:last-child){border-bottom:1px solid #f0f1ea;align-items:flex-start;gap:12px;padding:9px 0;display:flex}.study-outline>div>span{color:#99a98a;padding-top:2px;font:9px monospace}.study-outline p{color:#5d6951;font-size:11px;line-height:1.6}.study-layout-count{gap:15px;margin-top:20px;display:flex}.study-layout-count>span{font:9px monospace!important}.study-motion>button{text-align:left;color:#647552;background:#f7f8f2;border:0;border-radius:7px;align-items:center;gap:14px;width:100%;margin-bottom:8px;padding:14px;display:flex}.study-motion>button>i{background:#c4d2af;border-radius:50%;flex:none;width:22px;height:22px}.study-motion>button>div{flex:1;min-width:0}.study-motion>button>div>span{color:#9ba78d;font-size:8px;display:block}.study-motion code{overflow-wrap:anywhere;font-size:9px}.study-motion details{color:#768665;margin-top:22px;font-size:11px}.study-motion summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.study-motion pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6ef;padding:12px;font-size:9px}.study-file-box{color:#c5cfb5;background:#20261b;border:1px solid #313a28;border-radius:12px;overflow:hidden}.study-file-empty{justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.study-file-empty h4{color:#e4ebd9;font-size:14px;font-weight:500}.study-file-empty p{color:#8b9b79;margin-top:8px;font-size:10px}.study-file-tabs{border-bottom:1px solid #3c4930;gap:2px;padding:12px;display:flex;overflow:auto}.study-file-tabs button{white-space:nowrap;color:#899b74;background:0 0;border:0;border-radius:5px;padding:8px 11px;font:10px monospace}.study-file-tabs button.active{color:#dae7c7;background:#3c4a2e}.study-code-toolbar{color:#738761;align-items:center;gap:14px;padding:15px 23px;font:10px monospace;display:flex}.study-code-toolbar>span{flex:1}.study-code-toolbar button{color:#a9bb94;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.study-file-box>pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:440px;margin:0;padding:8px 24px 24px;font:11px/1.8 monospace;overflow:auto}.study-footer{border-top:1px solid var(--st-line);letter-spacing:.08em;color:#a4ac99;justify-content:space-between;gap:16px;margin-top:45px;padding-top:32px;font-size:8px;display:flex}.study-page-select{color:#82906f;align-items:center;gap:12px;margin-bottom:18px;font-size:10px;display:flex}.study-page-select select{border:1px solid var(--st-line);background:#fff;border-radius:5px;max-width:85%;padding:8px;font-size:10px}.study-screen-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.study-segments{background:#eeefe9;border-radius:8px;gap:3px;padding:4px;display:flex}.study-segments button{color:#8e9685;background:0 0;border:0;border-radius:5px;padding:7px 13px;font-size:11px}.study-segments button.active{color:#354129;background:#fff;box-shadow:0 1px 4px #39462b14}.study-screen-tools{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.study-search{border:1px solid var(--st-line);color:#99a48d;background:#fff;border-radius:7px;align-items:center;gap:7px;height:37px;padding:0 10px;display:flex}.study-search input{color:#4f5c41;background:0 0;border:0;outline:0;width:170px;font-size:10px}.study-screen-tools>select{border:1px solid var(--st-line);color:#81916c;background:#fff;border-radius:6px;height:37px;padding:0 10px;font-size:10px}.study-screen-tools>.study-button{min-height:37px;padding:6px 10px;font-size:10px}.study-screen-count{align-items:center;gap:18px;margin:24px 0 18px;display:flex}.study-screen-count strong{font-size:12px;font-weight:600}.study-screen-count span{color:#9aa58c;font-size:9px}.study-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;display:grid}.study-screen-grid.mobile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.study-screen-card{min-width:0}.study-screen-frame{aspect-ratio:4/3;background:#eeefe9;border:1px solid #e2e5d9;border-radius:10px;padding:18px;transition:background .2s;position:relative;overflow:hidden}.study-screen-frame:hover{background:#e2e8d8}.study-screen-frame.mobile{background:#edf0e7}.study-screen-open{background:#fff;border:0;border-radius:4px;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 3px 15px #2533181a}.study-screen-open>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.study-screen-frame.mobile .study-screen-open{border:3px solid #3d4933;border-radius:12px;max-width:47%;margin:auto}.study-open-hint{color:#fff;opacity:0;background:#1c2c1570;justify-content:center;align-items:center;gap:8px;font-size:10px;transition:opacity .15s;display:flex;position:absolute;inset:0}.study-screen-open:hover .study-open-hint,.study-screen-open:focus-visible .study-open-hint{opacity:1}.study-save{color:#8a977b;background:#fffffff0;border:1px solid #e5e8dd;border-radius:6px;place-items:center;padding:6px;display:grid;position:absolute;top:9px;right:9px}.study-save.saved{color:#4a662b;background:#f2f8e8}.study-screen-caption{justify-content:space-between;align-items:center;gap:10px;padding:12px 1px;display:flex}.study-screen-caption>div{min-width:0}.study-screen-caption strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:550;display:block;overflow:hidden}.study-screen-caption span{color:#8f9a80;margin-top:4px;font-size:9px;display:block}.study-screen-caption button{color:#99a58a;background:0 0;border:0;padding:5px}.mobile-grid .study-screen-frame{aspect-ratio:4/5}.mobile-grid .study-screen-frame.mobile .study-screen-open{max-width:75%}.study-image-loading{color:#9aa58c;background:#eef1e8;place-items:center;height:100%;min-height:100px;font-size:10px;display:grid}.study-viewer{color:#3d4b2e;background:#edf0e7;border:1px solid #dce1d1;border-radius:13px;width:1250px;max-width:95vw;height:94vh;max-height:94vh;padding:0;box-shadow:0 25px 150px #0005}.study-viewer::backdrop,.study-capture::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1b231acc}.study-viewer[open]{flex-direction:column;display:flex}.study-viewer header{background:#fff;border-bottom:1px solid #dfe5d4;align-items:center;gap:20px;padding:14px 20px;display:flex}.study-viewer header>div{flex:1;min-width:0}.study-viewer header strong{font-size:14px;display:block}.study-viewer header span{color:#9aa68a;font-size:10px}.study-viewer button{color:#667654;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:7px;font-size:10px;display:flex}.study-viewer-body{text-align:center;flex:1;min-height:0;padding:25px;overflow:auto}.study-viewer-body img{width:auto;max-width:100%;height:auto;margin:auto;display:block}.study-viewer-body:not(.zoom)>img{max-width:min(100%,900px)}.study-viewer-body.zoom>img{max-width:none;max-height:none}.study-viewer footer{background:#fff;justify-content:center;align-items:center;gap:25px;padding:8px;font-size:10px;display:flex}.study-viewer footer a{color:#879573;align-items:center;gap:5px;text-decoration:none;display:flex}.study-capture{color:#36412c;background:#fcfdf8;border:1px solid #dce2d1;border-radius:14px;width:min(520px,100vw - 30px);max-height:90vh;padding:30px;overflow:auto}.study-capture form{gap:18px;display:grid}.study-capture h2{margin:5px 0 8px;font-size:23px}.study-capture p{color:#8d9b7c;font-size:11px}.study-capture label{gap:7px;font-size:12px;display:grid}.study-capture input,.study-capture select{font:inherit;color:#405031;background:#fff;border:1px solid #dce2d1;border-radius:7px;padding:12px}.study-capture-note{background:#f0f3e8;border-radius:6px;padding:12px;line-height:1.7}.study-capture-actions{justify-content:flex-end;gap:10px;display:flex}.study-empty,.study-loading{text-align:center;color:#7a8869;padding:65px 20px}.study-empty h2{letter-spacing:-.04em;color:#465738;font-size:28px}.study-empty h3{color:#596e45;font-size:20px}.study-empty p{max-width:520px;margin:12px auto 24px;font-size:12px;line-height:1.8}.study-alert{color:#9b4b2e;background:#fff1ee;border:1px solid #f0d0c4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:14px;font-size:12px;display:flex}.study-alert button,.study-toast button{cursor:pointer;color:inherit;background:0 0;border:0;padding:4px;display:grid}.study-toast{z-index:30;color:#e7f1db;background:#303e24;border-radius:8px;align-items:center;gap:10px;padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0002}.study-no-data{color:#8b997b;padding:20px;font-size:12px}.study-copy-buffer{position:fixed;top:0;left:-9999px}@media (width>=1550px){.study-screen-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1150px){.study-shell{grid-template-columns:76px minmax(0,1fr)}.study-shell .sidebar{padding:20px 10px}.study-shell .brand span,.study-shell .nav span,.study-shell .nav>svg:last-child,.study-shell .security-note span,.study-shell .sidebar-bottom .quiet{display:none}.study-shell .nav{grid-template-columns:1fr;place-items:center}.study-shell main{padding:0 26px}.study-hero-actions{flex-direction:column;align-items:stretch}.study-palette{grid-template-columns:repeat(7,minmax(0,1fr))}.study-overview-left{padding:28px}.study-type-card{grid-template-columns:180px 1fr}.study-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.study-shell main{padding:0 18px}.study-hero{flex-wrap:wrap;gap:13px;padding:28px 0}.study-hero h2{font-size:31px}.study-site-icon{border-radius:15px;width:60px;height:60px;font-size:30px}.study-hero-actions{flex-direction:row;width:100%;padding-top:8px}.study-hero-copy>p{max-width:340px}.study-overview{grid-template-columns:1fr}.study-overview-left{padding:25px}.study-overview-left h3 br{display:none}.study-overview-visual{height:320px;padding:24px 50px 30px}.study-overview-left>p{display:none}.study-stats{margin:18px 0}.study-overview-left .study-mini-palette{position:absolute;bottom:30px;right:22px}.study-overview-left{position:relative}.study-phone-shot{width:21%;max-width:110px;right:45px}.study-foundations{gap:18px}.study-type-card{grid-template-columns:1fr}.study-type-card>aside{border-right:0;border-bottom:1px solid var(--st-line);grid-template-columns:1fr 1fr;gap:12px;padding:20px;display:grid}.study-aa{display:none}.study-type-card aside>span{grid-column:1/-1}.study-components{grid-template-columns:repeat(2,minmax(0,1fr))}.study-structure{grid-template-columns:1fr}.study-outline{border-right:0;border-bottom:1px solid var(--st-line)}.study-tabs-note{display:none}.study-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.study-screen-count{flex-direction:column;align-items:flex-start;gap:5px}.study-screen-grid.mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-file-empty{flex-direction:column;align-items:flex-start}.study-viewer header{gap:8px;padding:10px}.study-viewer header button{gap:0;font-size:0}.study-viewer-body{padding:10px}.study-source-picker{gap:8px}.study-source-picker label{flex-direction:column;align-items:flex-start}.study-source-picker select{font-size:10px}.study-section{margin-top:34px}}@media (width<=620px){.study-shell{display:block}.study-shell main{padding:0 14px 80px}.study-shell .sidebar{z-index:10;height:66px;padding:8px}.study-shell .sidebar nav{scrollbar-width:thin;grid-template-columns:repeat(9,minmax(64px,1fr));overflow-x:auto}.study-shell .nav span{font-size:8px;display:block}.study-shell .nav{gap:4px;height:50px;padding:6px 2px}.study-shell .topbar{height:68px}.study-command>div{font-size:7px}.study-command{padding:18px 0}.study-button{min-height:37px;padding:8px 12px;font-size:10px}.study-hero-copy>p{max-width:240px}.study-meta{gap:8px;font-size:8px}.study-overview h3{font-size:24px}.study-overview-visual{height:245px;padding:15px 40px 35px 18px}.study-phone-shot{bottom:24px;right:22px}.study-overview-left .study-mini-palette{display:none}.study-overview-left{padding:22px}.study-stats{gap:35px}.study-swatch>div{height:65px}.study-swatch strong{font-size:9px}.study-swatch small{font-size:7px}.study-foundations{grid-template-columns:1fr;gap:0}.study-components{gap:10px}.study-component-stage{height:105px;padding:10px}.study-component-stage>span{max-width:100%}.study-type-row{padding:18px}.study-section-title p{font-size:9px}.study-section-title h3{font-size:18px}.study-screen-grid{grid-template-columns:1fr}.study-screen-grid.mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.study-screen-grid.mobile-grid .study-screen-frame{padding:10px}.study-screen-grid.mobile-grid .study-screen-frame.mobile .study-screen-open{max-width:85%}.study-screen-frame.mobile .study-screen-open{max-width:45%}.study-search input{width:130px}.study-screen-toolbar{gap:12px}.study-source-picker label:first-child{width:55%}.study-source-picker label:last-child{max-width:43%}.study-tabs{gap:22px;margin-bottom:22px}.study-tabs>button{font-size:12px}.study-footer{flex-direction:column;gap:8px;font-size:7px}.study-toast{font-size:11px;bottom:80px;left:14px;right:14px}.study-type-row p{max-width:100%}.study-capture{padding:22px}.study-viewer{width:96vw;height:92vh}}@media (prefers-reduced-motion:reduce){.study *,.study :before,.study :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.study-component-stage.contrast{background:#56604c}.study-hero .study-site-icon{background:#fff;border-radius:14px;width:132px;min-width:132px;height:64px;padding:12px}.study-site-icon img{object-fit:contain;width:100%;height:100%}.study-logo-missing{color:#777;font-size:12px;font-weight:400}.study-review{background:#fff;border:1px solid #dedfd8;border-radius:18px;margin:24px 0 32px;padding:28px}.study-review-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.study-review-heading>span:last-child{color:#707568;font-size:11px}.study-review h3{letter-spacing:-.7px;margin:18px 0 12px;font-size:25px}.study-review-summary{color:#454c3e;max-width:1000px;font-size:16px;line-height:1.85}.study-perspectives{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:26px 0 18px;display:grid}.study-perspectives article{border-left:1px solid #e3e5dc;min-width:0;padding:0 22px}.study-perspectives article:first-child{border:0;padding-left:0}.study-perspectives article:last-child{padding-right:0}.study-persona-number{color:#7f8e69;letter-spacing:2px;font-size:11px}.study-perspectives h4{margin:10px 0 14px;font-size:18px}.study-perspectives p{color:#454c3e;word-break:keep-all;overflow-wrap:anywhere;margin:0 0 14px;font-size:14px;line-height:1.85}.study-perspectives summary{color:#536442;cursor:pointer;padding:8px 0;font-size:12px}.study-perspectives details p{margin-top:8px;font-size:12px}.study-perspectives details button{margin:4px 0;font-size:11px}.study-recommendation{background:#f3f5ef;border-radius:10px;margin-top:18px;padding:14px}.study-recommendation strong{letter-spacing:.5px;font-size:11px}.study-recommendation p{margin:6px 0 0;font-size:13px}.study-review>small{color:#747b6d;font-size:11px;line-height:1.6;display:block}.study-workbench{background:#fff;border:1px solid #d9dcd2;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;margin:24px 0 40px;scroll-margin-top:20px;display:grid;overflow:hidden}.study-document-pane,.study-visual-pane{flex-direction:column;min-width:0;height:800px;max-height:85vh;display:flex}.study-document-pane{background:#f8f9f5;border-right:1px solid #d9dcd2}.study-document-pane>header,.study-visual-pane>header{border-bottom:1px solid #e0e2d9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:58px;padding:12px 20px;display:flex}.study-workbench header strong{font:12px ui-monospace,monospace}.study-workbench header>span{color:#767d6d;font-size:10px}.study-workbench .study-segments{padding:2px}.study-workbench .study-segments button{padding:6px 10px;font-size:11px}.study-workbench .study-segments button[aria-pressed=true]{color:#252c20;background:#fff;box-shadow:0 1px 5px #0001}.study-workbench .study-file-tabs{flex-wrap:wrap;flex-shrink:0;gap:5px;padding:10px 14px}.study-workbench .study-file-tabs button{padding:6px 8px;font-size:10px}.study-workbench .study-code-toolbar{flex-shrink:0;padding:8px 16px}.study-document-scroll,.study-visual-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c0ae transparent;scrollbar-gutter:stable;min-height:0;overflow:auto}.study-document-scroll{flex:1;padding:20px 24px}.study-document-scroll pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:12px/1.8 ui-monospace,monospace}.study-markdown{color:#48513f;overflow-wrap:anywhere;font-size:13px;line-height:1.85}.study-markdown h2{color:#242d1e;font-size:21px;line-height:1.5}.study-markdown h3{color:#242d1e;margin:26px 0 12px;font-size:18px}.study-markdown h4{color:#242d1e;margin:20px 0 10px;font-size:15px}.study-markdown p{margin:0 0 12px}.study-markdown .study-md-item{margin-bottom:5px;padding-left:12px}.study-visual-pane>nav{border-bottom:1px solid #e4e6de;flex-wrap:wrap;flex-shrink:0;gap:4px;padding:10px 12px;display:flex}.study-visual-pane>nav button{color:#4e5944;cursor:pointer;background:#f1f3ec;border:0;border-radius:6px;padding:6px 9px;font-size:10px}.study-visual-scroll{padding:4px 20px 24px}.study-visual-scroll .study-section{margin:22px 0 32px;scroll-margin-top:12px}.study-visual-scroll .study-section-title{gap:8px;margin-bottom:14px}.study-visual-scroll .study-section-title h3{font-size:17px}.study-visual-scroll .study-section-title p{font-size:11px;line-height:1.6}.study-visual-scroll .study-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.study-visual-scroll .study-swatch>div{height:76px}.study-visual-scroll .study-swatch strong{overflow-wrap:anywhere;font-size:10px}.study-visual-scroll .study-swatch small{font-size:9px}.study-visual-scroll .study-type-card{display:block}.study-visual-scroll .study-type-card aside{border-bottom:1px solid #e1e4da;border-right:0;flex-wrap:wrap;gap:16px;padding:16px;display:flex}.study-visual-scroll .study-type-card aside>span,.study-visual-scroll .study-aa{display:none}.study-visual-scroll .study-type-card aside strong{font-size:12px}.study-visual-scroll .study-type-row{padding:16px}.study-visual-scroll .study-type-row p{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.study-visual-scroll .study-foundations,.study-visual-scroll .study-structure{display:block}.study-visual-scroll .study-components{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.study-visual-scroll .study-component-stage{padding:16px 8px}.study-visual-scroll .study-component-stage>span{max-width:100%;overflow:hidden}.study-visual-scroll .study-radii{grid-template-columns:repeat(3,minmax(0,1fr))}.study-visual-scroll .study-motion{margin-top:20px}@media (width<=1000px){.study-perspectives{grid-template-columns:1fr}.study-perspectives article,.study-perspectives article:first-child,.study-perspectives article:last-child{border:0;border-bottom:1px solid #e2e5d9;padding:20px 0}.study-perspectives article:last-child{border:0}.study-workbench{grid-template-columns:1fr}.study-document-pane{border-bottom:1px solid #d9dcd2;border-right:0;height:520px}.study-visual-pane{height:700px;max-height:85vh}}@media (width<=600px){.study-review{padding:20px}.study-review h3{font-size:21px}.study-review-summary{font-size:14px}.study-review-heading{flex-direction:column;align-items:flex-start;gap:8px}.study-review .study-perspectives{margin-top:10px}.study-visual-scroll{padding:4px 12px 20px}.study-visual-scroll .study-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.study-visual-scroll .study-components{grid-template-columns:1fr}.study-document-scroll{padding:16px}.study-hero .study-site-icon{width:110px;min-width:110px;height:52px}}.study-capture-guide{background:#f0f4e9;border:1px solid #dce5cc;border-radius:12px;margin:24px 0;padding:18px}.study-capture-guide h4{margin-bottom:16px;font-size:15px}.study-capture-guide>div{margin:14px 0}.study-capture-guide strong{font-size:12px}.study-capture-guide p{color:#526048;margin-top:5px;font-size:12px;line-height:1.8}.study-component-stage img{object-fit:contain;max-width:100%;max-height:100px}.study-screen-frame img{object-position:top}.study-screen-frame{height:360px;overflow:hidden}.study-screen-frame img{width:100%;height:auto;min-height:0}.study-screen-open{height:100%;overflow:hidden}.study-screen-caption strong{line-height:1.5}.study-screen-frame{aspect-ratio:auto;box-sizing:border-box;width:100%}.study-file-areas,.study-file-groups{border-bottom:1px solid #dfe3d6;flex-shrink:0;gap:6px;padding:10px 14px;display:flex;overflow:auto}.study-file-areas button,.study-file-groups button{white-space:nowrap;color:#657057;background:0 0;border:0;border-radius:18px;padding:7px 12px;font-size:11px}.study-file-areas button[aria-pressed=true],.study-file-groups button[aria-pressed=true]{color:#fff;background:#354329}.study-file-groups span{opacity:.7;margin-left:4px;font-size:9px}.study-file-tabs{flex-wrap:nowrap!important;overflow-x:auto!important}.study-file-tabs button{white-space:nowrap}.study-motion-example{border:1px solid #dfe4d6;border-radius:12px;margin:12px 0;padding:14px}.study-motion-example header{justify-content:space-between;gap:12px;font-size:12px;display:flex}.study-motion-example button,.study-motion-example select{color:#34412a;background:#fff;border:1px solid #d5ddc9;border-radius:8px;padding:7px 10px;font-size:11px}.study-motion-track{background:#eef3e5;border-radius:8px;align-items:center;height:70px;margin:12px 0;padding:12px;display:flex;overflow:hidden}.study-motion-track>div{color:#fff;background:#435631;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.study-motion-example code,.study-motion-example small{overflow-wrap:anywhere;margin-top:10px;font-size:10px;line-height:1.7;display:block}.study-motion-example>div:not(.study-motion-track){gap:10px;display:flex}.study-hero .study-site-icon{width:72px;min-width:72px;height:72px;padding:10px}.study-audit-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.study-audit-metrics>div{background:#f7f8f3;border:1px solid #dfe4d7;border-radius:12px;gap:8px;padding:20px;display:grid}.study-audit-metrics span{color:#68755b;font-size:12px}.study-audit-metrics strong{font-size:25px}.study-audit-metrics small{color:#7a8272;font-size:11px}.study-perspectives{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.study-perspectives article,.study-perspectives article:first-child,.study-perspectives article:last-child{border:1px solid #e1e5d9;border-radius:12px;padding:22px}.study-action-matrix{border-top:1px solid #ddd;margin:28px 0;padding-top:22px}.study-action-matrix>h4{font-size:19px}.study-action-matrix>p{color:#68755b;margin:12px 0 20px;font-size:12px;line-height:1.7}.study-action-matrix>div{border-top:1px solid #edf0e7;grid-template-columns:120px 1fr;gap:8px 16px;padding:16px 0;display:grid}.study-action-matrix>div>span{color:#6e8052;font-size:11px}.study-action-matrix>div>strong{font-size:13px}.study-action-matrix>div>p,.study-action-matrix>div>small{grid-column:2;font-size:13px;line-height:1.8}.study-action-matrix>div>small{color:#748065;font-size:11px}.study-crawl-status{border:1px solid #dfe4d7;border-radius:12px;margin-bottom:24px;padding:16px 20px;font-size:12px}.study-crawl-status summary{cursor:pointer}.study-crawl-status p{overflow-wrap:anywhere;margin:12px 0}.study-crawl-status small{color:#748065;margin-top:6px;display:block}@media (width<=760px){.study-audit-metrics,.study-perspectives,.study-action-matrix>div{grid-template-columns:1fr}.study-action-matrix>div>p,.study-action-matrix>div>small{grid-column:1}}.study-gallery-back{color:#748065;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:8px;padding:10px 0;font-size:12px;display:flex}.study-gallery header{padding:34px 0 26px}.study-gallery-title{justify-content:space-between;align-items:center;gap:20px;margin:12px 0 16px;display:flex}.study-gallery-title h2{letter-spacing:-2px;margin:0;font-size:44px}.study-gallery-title .study-button{flex-shrink:0}.study-gallery header p{color:#75816a;font-size:15px;line-height:1.8}.study-gallery-tools{gap:18px;margin:4px 0 28px;display:grid}.study-gallery-tools nav{flex-wrap:wrap;gap:8px;display:flex}.study-gallery-tools nav button{color:#6b775e;background:#fff;border:1px solid #dfe3d7;border-radius:24px;padding:10px 15px;font-size:12px}.study-gallery-tools nav button[aria-pressed=true]{color:#fff;background:#303c25;border-color:#303c25}.study-gallery-tools .study-search{justify-self:end}.study-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.study-gallery-card{text-align:left;color:#262e20;cursor:pointer;background:#fff;border:1px solid #dedfd8;border-radius:20px;min-width:0;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.study-gallery-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #26321c13}.study-gallery-card:focus-visible{outline-offset:4px;outline:3px solid #819b58}.study-gallery-cover{aspect-ratio:1.7;background:#eef0e7;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.study-gallery-cover.page-cover img{object-fit:cover;object-position:top;width:100%;height:100%}.study-gallery-cover.logo-cover img{object-fit:contain;width:40%;height:60%}.study-gallery-cover:after{content:"";background:linear-gradient(#0000,#24331618);position:absolute;inset:70% 0 0}.study-gallery-card-copy{padding:22px}.study-gallery-card-copy>span{text-transform:uppercase;letter-spacing:1px;color:#7d8a6f;border-left:2px solid #93a77b;padding-left:8px;font-size:10px}.study-gallery-card h3{margin:12px 0 9px;font-size:18px;line-height:1.4}.study-gallery-card p{color:#79816f;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.75;display:-webkit-box;overflow:hidden}.study-gallery-card small{color:#9aa48e;margin-top:18px;font-size:10px;display:block}.study-version-menu{font-size:12px;position:relative}.study-version-menu summary{cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:5px 7px;list-style:none;display:flex}.study-version-menu summary::-webkit-details-marker{display:none}.study-version-menu[open] summary{background:#edf1e5}.study-version-menu>div{z-index:20;background:#fff;border:1px solid #dfe4d6;border-radius:10px;min-width:175px;max-height:280px;padding:6px;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 12px 28px #27311d20}.study-version-menu button{color:#5c6b4c;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:20px;width:100%;padding:10px;font-size:12px;display:flex}.study-version-menu button[aria-current=true],.study-version-menu button:hover{background:#f0f4e8}.study-version-menu small{color:#8a987a;font-size:10px}.study-category-select select{color:#6d7b5e;background:#f4f7ee;border:1px solid #dce3d3;border-radius:20px;max-width:185px;padding:5px 10px;font-size:11px}.study-design-subtabs{gap:6px;margin:20px 0;display:flex}.study-design-subtabs button{color:#889579;background:0 0;border:0;border-radius:7px;padding:9px 20px;font-size:13px}.study-design-subtabs button[aria-selected=true]{color:#334724;background:#e9efdf;font-weight:600}.study-meta{flex-wrap:wrap}@media (width<=1150px){.study-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.study-gallery-grid{grid-template-columns:1fr}.study-gallery-title{flex-wrap:wrap;align-items:flex-start}.study-gallery-title h2{font-size:34px}.study-gallery-tools nav{flex-wrap:nowrap;padding-bottom:8px;overflow:auto}.study-gallery-tools nav button{white-space:nowrap}.study-gallery-tools .study-search{justify-self:stretch}.study-version-menu>div{left:-15px}}.study-analysis-scope{color:#7c8a6e;margin:4px 0 20px;font-size:12px;line-height:1.8}.study-category-select .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.study-screen-groups{gap:22px;margin:18px 0 8px;display:grid}.study-screen-group{animation:.45s cubic-bezier(.22,1,.36,1) both study-group-in;animation-delay:var(--study-group-delay,0s);background:#fff;border:1px solid #e0e2dc;border-radius:18px;margin:0;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden;box-shadow:0 1px #26321a05}.study-screen-group:hover{border-color:#bbc9ad;transform:translateY(-2px);box-shadow:0 16px 36px #26321c12}.study-screen-group-head{background:linear-gradient(#f7f9f2,#fff 70%);justify-content:space-between;align-items:flex-end;gap:14px;margin:0;padding:18px 20px 14px;display:flex}.study-screen-group-head strong{color:#2f3b27;letter-spacing:-.02em;font:650 17px/1.3 Manrope,sans-serif;display:block}.study-screen-group-head p{color:#889679;margin:4px 0 0;font-size:12px}.study-screen-group-body{padding:4px 20px 20px}.study-screen-group-body>.study-button{margin-top:16px}@keyframes study-group-in{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@media (width<=650px){.study-screen-groups{gap:16px}.study-screen-group-head,.study-screen-group-body{padding-left:14px;padding-right:14px}.study-screen-group:hover{transform:none}}@media (prefers-reduced-motion:reduce){.study-screen-group{transition:none;animation:none}.study-screen-group:hover{transform:none}}.study-representatives{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.study-representatives>button{text-align:left;background:#fff;border:1px solid #dfe4d6;border-radius:12px;min-width:0;padding:0 0 16px;overflow:hidden}.study-representatives>button>div{background:#f3f5ed;height:150px;overflow:hidden}.study-representatives img{object-fit:cover;object-position:top;width:100%;height:100%}.study-representatives strong,.study-representatives span{margin:12px 16px 0;display:block}.study-representatives strong{font-size:13px}.study-representatives span{color:#8b977d;font-size:11px}@media (width<=650px){.study-representatives{grid-template-columns:1fr}.study-representatives>button>div{height:150px}}.study-visual-scroll .study-swatch{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:12px;place-items:center;min-width:0;height:112px;padding:16px 8px 30px;transition:transform .15s;display:grid;position:relative}.study-visual-scroll .study-swatch:hover{transform:translateY(-2px)}.study-swatch:focus-visible{outline-offset:3px;outline:2px solid #527943}.study-visual-scroll .study-swatch strong{color:inherit;overflow-wrap:anywhere;font:12px ui-monospace,monospace}.study-visual-scroll .study-swatch small{color:inherit;font-size:10px;position:absolute;bottom:12px;left:12px}.study-visual-scroll .study-type-row p{white-space:normal;overflow-wrap:anywhere;margin:12px 0 0;line-height:1.2}.study-visual-scroll .study-type-card aside{color:#6d7664;font-size:11px}.study-type-row code{font-size:10px}.study-space-scale{border:1px solid #e2e5db;border-radius:14px;align-items:flex-end;gap:16px;padding:22px 16px;display:flex;overflow-x:auto}.study-space-scale button{color:#526047;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 36px;align-items:center;gap:5px;padding:0;display:flex}.study-space-scale button>div{align-items:flex-end;height:80px;display:flex}.study-space-scale i{background:#91a386;border-radius:7px;width:24px;display:block}.study-space-scale span{margin-top:8px;font-size:10px}.study-space-scale code{white-space:nowrap;font-size:9px}.study-radius-scale,.study-elevation-scale{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.study-radius-scale button,.study-elevation-scale button{cursor:pointer;color:#526047;background:#f5f7f0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:20px 10px;display:flex}.study-radius-scale i{background:#e2eada;border:2px solid #839875;width:48px;height:48px}.study-radius-scale code{overflow-wrap:anywhere;max-width:100%;font-size:11px}.study-elevation-scale i{background:#fff;border-radius:10px;width:52px;height:52px}.study-elevation-scale strong{font-size:11px;font-weight:500}.study-elevation-scale summary{cursor:pointer;color:#7b8571;padding:10px;font-size:10px}.study-elevation-scale code{overflow-wrap:anywhere;font-size:10px;line-height:1.6;display:block}.study-motion-example{background:#fff;border-color:#e2e5db;border-radius:16px;margin:14px 0;padding:0;overflow:hidden}.study-motion-example>header{padding:16px 18px;font-size:12px}.study-motion-example header>span{color:#909887;font:10px ui-monospace,monospace}.study-motion-example>div.study-motion-stage{background:radial-gradient(at 0 0,#e3e7ff,#0000 70%),#f2f4f8;place-items:center;min-height:220px;margin:0;padding:24px;display:grid;overflow:hidden}.study-motion-stage>div{transform-origin:50%;background:#fff;border-radius:14px;flex-direction:column;gap:9px;width:220px;max-width:100%;padding:14px;display:flex;box-shadow:0 8px 28px #30384814}.study-motion-stage strong{color:#303642;font-size:12px}.study-motion-stage small{color:#8b90a0;font-size:10px}.motion-art{background:radial-gradient(circle at 30% 80%,#adb7ed,#0000 60%),linear-gradient(135deg,#eee9ff,#d3e9e4);border-radius:9px;height:74px;display:block}.motion-1 .motion-search{color:#818795;border:1px solid #e8eaf0;border-radius:7px;justify-content:space-between;padding:8px;font-size:10px;display:flex}.motion-1 .motion-search~span{justify-content:space-between;padding:8px;font-size:11px;display:flex}.motion-2>div{align-items:center;padding:24px}.motion-check{color:#448468;background:#e4f2eb;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.study-motion-example>footer{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.study-motion-example footer>span{color:#85907b;text-overflow:ellipsis;white-space:nowrap;font:10px ui-monospace,monospace;overflow:hidden}.study-motion-example footer>button{white-space:nowrap;color:#fff;background:#303c2a;border:0;align-items:center;gap:7px;display:flex}.study-motion-example>details{color:#87927d;padding:0 18px 14px;font-size:10px}.study-motion-example summary{cursor:pointer}.study-motion-example details button{overflow-wrap:anywhere;text-align:left;width:100%;margin-top:10px}.study-category-badge{color:#6d7b5e;background:#f4f7ee;border:1px solid #dce3d3;border-radius:20px;padding:5px 12px;font-size:11px}.reference-import{width:calc(100vw - 32px);max-width:600px;max-height:88vh;overflow:auto}.reference-import>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.reference-import>header h2{font-size:22px}.reference-import>header button{background:0 0;border:0;padding:8px}.reference-import p{margin:14px 0;font-size:13px;line-height:1.8}.reference-import .reference-origin{overflow-wrap:anywhere;color:#78856c;font-size:11px}.reference-import .reference-options{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.reference-import .reference-options label{border:1px solid #d9e0d0;border-radius:10px;flex-direction:row;align-items:center;gap:12px;margin:0;padding:14px;display:flex}.reference-import .reference-options input{accent-color:#58743e;width:16px;height:16px}.reference-options small{color:#879579;margin-top:4px;font-size:10px;display:block}.study-hero-actions{flex-wrap:wrap}.study{--st-accent:#b7f34a;--st-accent-ink:#1f2b16;--st-soft:#f3f5ef;--st-focus:#557b2c}.study-gallery{padding:8px 0 64px}.study-catalog-head{max-width:46rem;margin:0 0 22px;padding:0}.study-catalog-head .study-eyebrow{letter-spacing:.18em;margin-bottom:10px;display:inline-block}.study-catalog-head h2{letter-spacing:-.04em;color:#1d2718;margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.1}.study-catalog-head p{color:#5f6b55;max-width:40rem;margin:0;font-size:15px;line-height:1.65}.study-catalog-meta-bar{color:#4f5c44;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #e1e4dc;align-items:baseline;gap:10px;margin:4px 0 8px;padding-bottom:10px;font-size:12px;font-weight:600;display:flex}.study-catalog-meta-bar span{font-variant-numeric:tabular-nums;color:#7a876c}.study-gallery-tools{border-top:1px solid #e1e4dc;border-bottom:1px solid #e1e4dc;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 18px;padding:14px 0}.study-gallery-tools nav{min-width:0}.study-gallery-tools nav button{background:0 0;border-color:#dfe3da;min-height:36px;padding:8px 13px}.study-gallery-tools nav button:hover{color:#293521;background:#f0f3eb}.study-gallery-tools nav button[aria-pressed=true]{background:#26321f;border-color:#26321f}.study-gallery-tools .study-search{border-radius:10px;justify-self:auto;min-width:230px;height:40px}.study-gallery-tools .study-search input{width:100%}.study-catalog-list{background:#fff;border:1px solid #e0e2dc;border-radius:14px;flex-direction:column;gap:0;display:flex;overflow:hidden}.study-gallery-card.study-catalog-row{text-align:left;cursor:pointer;width:100%;box-shadow:none;background:#fff;border:0;border-bottom:1px solid #eceee7;border-radius:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;margin:0;padding:16px 18px;transition:background .15s;display:grid}.study-gallery-card.study-catalog-row:last-child{border-bottom:0}.study-gallery-card.study-catalog-row:hover,.study-gallery-card.study-catalog-row:focus-visible{box-shadow:none;background:#f4f7ef;border-color:#0000;transform:none}.study-catalog-mark{color:#3a4732;background:#eef1e9;border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:grid;overflow:hidden}.study-catalog-mark.has-cover{padding:0}.study-catalog-mark img,.study-catalog-mark picture,.study-catalog-mark>*{object-fit:cover;object-position:top center;width:100%;height:100%}.study-catalog-mark .study-image-loading{background:#e8ece1;place-items:center;font-size:0;display:grid}.study-catalog-copy{gap:4px;min-width:0;display:grid}.study-catalog-title{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.study-catalog-title strong{letter-spacing:-.02em;color:#1d2718;font-size:16px}.study-catalog-title span{color:#6d7b5f;font-size:11px}.study-catalog-copy p{color:#5a6650;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.study-catalog-side{color:#7a876c;white-space:nowrap;align-items:center;gap:12px;font-size:11px;display:flex}.study-catalog-side span{text-overflow:ellipsis;max-width:160px;overflow:hidden}.study-catalog-side svg{opacity:.55}.study-catalog-empty{justify-items:start;gap:12px;padding:36px 8px;display:grid}.study-catalog-empty .study-button{margin-top:4px}.study-gallery-loading{color:#748167;justify-content:center;align-items:center;gap:10px;min-height:180px;display:flex}.study-gallery-back{border-radius:7px;min-height:40px;margin:26px 0 0;padding:0 8px}.study-gallery-back:hover{color:#334427;background:#eef2e9}.study-hero{background:linear-gradient(135deg,#fff,#f4f7ef);border:1px solid #dfe3da;border-radius:18px;margin:14px 0 24px;padding:24px}.study-site-icon{box-shadow:none;border-radius:14px}.study-hero h2{font-size:34px}.study-hero-actions{align-self:center}.study-tabs{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafbf8e8;border:1px solid #dfe3da;border-radius:12px;margin:0 0 18px;padding:0 16px;position:sticky;top:0}.study-tabs>button{min-height:50px}.study-design-subtabs{background:#eef1e9;border-radius:9px;width:max-content;margin:0 0 24px;padding:4px}.study-design-subtabs button{min-height:36px}.study-design-subtabs button[aria-selected=true]{color:#2d3b24;background:#fff;box-shadow:0 1px 5px #26321c14}.study-analysis-scope{background:#f4f7ef;border-left:3px solid #9dbe70;border-radius:0 8px 8px 0;padding:12px 15px}.study-representatives{margin:18px 0 28px}.study-representatives>button{transition:border-color .15s,transform .15s}.study-representatives>button:hover{border-color:#aebea0;transform:translateY(-2px)}@media (width<=980px){.study-gallery-tools{grid-template-columns:1fr}.study-gallery-tools .study-search{width:100%}.study-gallery-card.study-catalog-row{grid-template-columns:44px minmax(0,1fr)}.study-catalog-side{display:none}}@media (width<=650px){.study-gallery{padding-bottom:92px}.study-gallery-tools{gap:14px;padding:14px 0}.study-gallery-tools nav{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.study-gallery-tools nav button{white-space:nowrap}.study-catalog-head h2{font-size:28px}.study-gallery-card.study-catalog-row{padding:14px}.study-hero{padding:18px}.study-hero-actions{grid-template-columns:1fr 1fr;display:grid}.study-hero-actions .study-button{white-space:normal}.study-tabs{top:0;overflow-x:auto}.study-tabs>button{white-space:nowrap}.study-gallery-back{margin-top:16px}}@media (prefers-reduced-motion:reduce){.study-gallery-card,.study-representatives>button{transition:none}}.study-gallery-pagination{color:#687b55;justify-content:center;align-items:center;gap:14px;margin:28px 0 8px;font-size:13px;display:flex}.study-gallery-pagination .study-button:disabled{opacity:.45;cursor:default}.study-version-menu:not([open])>div{display:none}@media (width<=620px){.study-version-menu>div{max-width:calc(100vw - 32px);left:auto;right:0}}.study-hero-copy{min-width:0}.study-hero-copy h2{overflow-wrap:anywhere}.study-workbench.single{grid-template-columns:minmax(0,1fr)}.study-files-head{margin:36px 0 0}.study-files-head h3{letter-spacing:-.02em;font-size:20px}.study-files-head p{color:#7c8a6e;margin:4px 0 0;font-size:13px}.study-representatives>button[aria-pressed=true]{border-color:#334427;box-shadow:0 0 0 1px #334427}.study-tabs{scrollbar-width:none;overflow-x:auto}.study-tabs>button{white-space:nowrap;flex-shrink:0}.study-motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 0;display:grid}.study-motion-grid>.study-motion-example{min-width:0;height:100%;margin:0}@media (width<=900px){.study-motion-grid{grid-template-columns:1fr}}.design-learning{--learn-ink:#252422;--learn-muted:#6b655c;--learn-line:#d9d2c5;--learn-soft:#f1ede2;--learn-accent:#eb5e28;color:var(--learn-ink);min-width:0;padding:28px 0 48px}.learning-intro{padding:12px 0 28px}.learning-intro h2{letter-spacing:-.04em;margin:12px 0;font-size:clamp(28px,4vw,42px)}.design-learning p{line-height:1.75}.learning-intro p{color:var(--learn-muted);max-width:740px}.learning-intro nav{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.learning-intro a{border:1px solid var(--learn-line);color:var(--learn-accent);background:#fff;border-radius:8px;padding:10px 14px;font-size:13px;text-decoration:none}.learning-concepts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.learning-concepts article{background:var(--learn-soft);border:1px solid var(--learn-line);border-radius:12px;padding:24px}.learning-concepts article>span{color:var(--learn-muted);font:12px ui-monospace,monospace}.learning-concepts h3{margin:16px 0 10px;font-size:18px}.learning-concepts p{color:var(--learn-muted);margin:0;font-size:14px}.learning-card{border:1px solid var(--learn-line);background:#fff;border-radius:14px;min-width:0;margin:24px 0;padding:28px;scroll-margin-top:20px}.learning-card>h3{margin:0 0 12px;font-size:22px}.learning-note,.learning-provenance,.learning-sources{color:var(--learn-muted);font-size:13px}.learning-workbench{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px;margin:24px 0;display:grid}.learning-controls{align-content:start;gap:18px;display:grid}.design-learning label{gap:8px;font-size:13px;display:grid}.design-learning :is(input,select,textarea){min-width:0;max-width:100%;color:var(--learn-ink);font:inherit;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #bfb7a9;border-radius:7px;padding:10px}.design-learning textarea{resize:vertical;width:100%}.design-learning input[type=range]{width:100%;height:28px;accent-color:var(--learn-accent);padding:0}.design-learning input[type=color]{width:100%;height:44px;padding:4px}.learning-range>span{justify-content:space-between;gap:12px;display:flex}.learning-range output{font-variant-numeric:tabular-nums;color:var(--learn-muted)}.design-learning .learning-check{align-items:center;gap:10px;display:flex}.learning-check input{width:18px;height:18px;accent-color:var(--learn-accent)}.design-learning button{background:var(--learn-soft);min-height:44px;color:var(--learn-ink);font:inherit;cursor:pointer;border:1px solid #bfb7a9;border-radius:8px;padding:10px 14px;font-size:13px}.design-learning button:hover:not(:disabled){background:#e4dfd3}.design-learning button[aria-pressed=true]{background:var(--learn-accent);color:#fff}.design-learning button:disabled{opacity:.55;cursor:not-allowed}.design-learning :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #eb5e28}.learning-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.design-learning details summary{cursor:pointer;padding:12px 0}.learning-frame-scroll,.learning-table-scroll{border:1px solid var(--learn-line);border-radius:10px;max-width:100%;margin:20px 0;overflow:auto}.learning-responsive-frame{background:#f6f4ed;max-width:none;container:learning-demo/inline-size}.learning-demo-site{color:#283126;padding:24px}.learning-demo-site header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.learning-demo-site nav{gap:18px;display:flex}.learning-demo-site a{color:#405631;font-size:13px}.learning-demo-site h4{overflow-wrap:anywhere;max-width:600px;margin:48px 0 20px;font-size:clamp(28px,5cqi,52px);line-height:1.15}.learning-demo-site>p{max-width:600px}.learning-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.learning-demo-grid article{background:#fff;border:1px solid #dbe0d4;border-radius:8px;min-width:0;padding:20px}.learning-demo-grid h5{margin:14px 0;font-size:18px}.learning-demo-grid p{font-size:14px}.learning-demo-grid article>span{font-size:12px}.learning-demo-site .learning-menu-toggle{display:none}@container learning-demo (width<=639px){.learning-demo-grid{grid-template-columns:1fr}.learning-demo-site .learning-menu-toggle{display:block}.learning-demo-site nav{flex-direction:column;flex-basis:100%;display:none}.learning-demo-site nav[data-open=true]{display:flex}}.learning-experiments{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.learning-experiments>section{border:1px solid var(--learn-line);border-radius:10px;min-width:0;padding:20px}.learning-experiments h4{margin:0 0 18px;font-size:17px}.learning-experiments p{color:var(--learn-muted);font-size:14px}.learning-state-button{margin-top:16px}.learning-motion-track{border-bottom:1px solid var(--learn-line);width:180px;height:36px;margin:24px 0}.learning-motion-track span{background:var(--learn-accent);border-radius:50%;width:32px;height:32px;transition:transform .45s;display:block}.learning-motion-track[data-reduced=true] span{transition:none}.learning-contrast-preview{border:1px solid var(--learn-line);border-radius:10px;padding:30px;line-height:1.6}.learning-metric{font-size:20px;font-weight:700}.learning-bad-label{color:#66705e;border:1px dashed #aeb8a3;border-radius:7px;margin:12px 0 24px;padding:12px}.learning-target-stage{min-height:100px;padding:24px}.design-learning .learning-target{background:var(--learn-accent);color:#fff;border-radius:4px;min-width:0;min-height:0;padding:0;font-size:14px;line-height:1}.learning-picker-fields{gap:14px;display:grid}.learning-picker-fields select{width:100%}.learning-capture-picker{margin:18px 0}.learning-provenance{overflow-wrap:anywhere}.design-learning a{color:var(--learn-accent)}.design-learning code{overflow-wrap:anywhere}.design-learning details code{font-size:12px;display:block}.learning-table-scroll table{border-collapse:collapse;width:100%;font-size:13px}.learning-table-scroll :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--learn-line);min-width:130px;max-width:300px;padding:16px}.learning-table-scroll caption{text-align:left;padding:16px;font-weight:700}.learning-dna-values{gap:8px;margin:0;padding:0;list-style:none;display:grid}.learning-dna-values li{align-items:start;gap:8px;display:flex}.learning-dna-values i{border:1px solid #bbb;border-radius:4px;flex:none;width:20px;height:20px}.learning-sources{padding:16px 0}.learning-sources a{margin:8px 12px;display:inline-block}@media (width>=621px){.study-shell .sidebar{overflow-y:auto}.study-shell .sidebar nav{flex-shrink:0}.study-shell .sidebar .nav{min-height:42px}.study-shell .sidebar-bottom{margin-top:auto;padding-top:20px}}@media (width<=1150px) and (width>=621px){.study-shell .nav span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden;display:block!important}}@media (width<=850px){.learning-concepts,.learning-workbench,.learning-experiments{grid-template-columns:1fr}.learning-card{padding:20px}}@media (width<=620px){.study-shell .sidebar nav{grid-template-columns:none;grid-auto-columns:minmax(76px,max-content);grid-auto-flow:column;overflow-x:auto}.study-shell .sidebar .nav{padding-inline:8px}.design-learning{padding-top:16px}.learning-card{padding:16px}}@media (prefers-reduced-motion:reduce){.learning-motion-track span{transition:none}}.font-catalogue{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.font-card{border:1px solid var(--learn-line);overflow-wrap:anywhere;background:#fff;border-radius:12px;grid-template-columns:minmax(168px,240px) minmax(0,1fr) auto;align-items:center;gap:20px;min-width:0;padding:16px 20px;display:grid}.font-card-meta{gap:4px;min-width:0;display:grid}.font-card-title{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.font-card h2{min-width:0;margin:0;font-size:16px;line-height:1.3}.font-install{border:1px solid var(--learn-line);color:var(--learn-muted);background:#f7f6f3;border-radius:999px;flex-shrink:0;padding:4px 7px;font-size:11px;font-weight:600;line-height:1}.font-install.is-on{color:#7a4e0c;background:#f8ecd2;border-color:#e0bd7f}.font-add{border:1px dashed var(--learn-line);background:var(--learn-soft);border-radius:12px;align-items:center;gap:16px;margin:0 0 18px;padding:14px 16px;display:flex}.font-add p{color:var(--learn-muted);margin:0;font-size:13px}.font-add-button{min-height:44px;color:var(--learn-accent);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #bfb7a9;border-radius:8px;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.font-add-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.font-upload-error{color:#6b3a32;margin:0 0 12px;font-size:13px}.font-card .font-card-preview{min-width:0;min-height:0;margin:0;font-size:22px;line-height:1.5}.font-card small{color:var(--learn-muted);font-size:12px;display:block}.font-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.font-card-actions a{white-space:nowrap;padding:8px 10px;font-size:12px;text-decoration:none}.design-learning .font-card-delete{color:#6b3a32;background:#f8efec;border-color:#c9b0a8;min-height:40px;padding:8px 12px;font-size:12px}.design-learning .font-card-delete:hover:not(:disabled){background:#f0ddd7}.font-catalogue-empty{border:1px dashed var(--learn-line);color:var(--learn-muted);border-radius:12px;padding:28px;font-size:14px}.font-delete-dialog{border:1px solid var(--learn-line);max-width:min(420px,92vw);color:var(--learn-ink);background:#fff;border-radius:14px;padding:0;box-shadow:0 24px 60px -28px #26302066}.font-delete-dialog::backdrop{background:#26302055}.font-delete-dialog form{gap:14px;padding:24px;display:grid}.font-delete-dialog h2{margin:0;font-size:18px}.font-delete-dialog p{color:var(--learn-muted);margin:0;font-size:14px;line-height:1.6}.font-delete-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.design-learning .font-delete-confirm{color:#fff;background:#6b3a32;border-color:#6b3a32}.design-learning .font-delete-confirm:hover:not(:disabled){background:#552e28}.font-preview-input{margin-bottom:24px}.font-card-preview{white-space:pre-wrap}@media (width<=720px){.font-card{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.font-card-actions{flex-wrap:wrap;justify-content:flex-start}}.layout-library{color:#263020;max-width:1200px;margin:auto;padding:28px 0 64px}.layout-library *,.layout-library :before,.layout-library :after{box-sizing:border-box}.layout-library :is(a,button):focus-visible{outline-offset:3px;outline:3px solid #57703d}.layout-library a{color:#405632;text-underline-offset:3px}.layout-library :is(h2,h3,p){margin-top:0}.layout-intro{background:#f0f4e9;border:1px solid #dce4d1;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.layout-intro h2{letter-spacing:-.04em;margin:8px 0 12px;font-size:30px}.layout-intro p{color:#536249;max-width:700px;margin:0;font-size:14px;line-height:1.7}.layout-stamp{color:#687d54;letter-spacing:-.06em;font-size:30px;font-weight:750;line-height:.95}.layout-library .eyebrow{color:#586b49;font-size:10px}.layout-categories{flex-wrap:wrap;gap:8px;margin:22px 0 26px;display:flex}.layout-categories a{background:#fff;border:1px solid #d8e0ce;border-radius:24px;padding:10px 14px;font-size:13px;text-decoration:none}.layout-categories a:is(:hover,.selected){color:#fff;background:#445936;border-color:#445936}.layout-categories span{margin-left:8px}.layout-section-note{margin-bottom:16px}.layout-section-note p{color:#536249;margin:6px 0 0;font-size:13px;line-height:1.6}.layout-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.layout-topic-card{color:inherit;background:#fff;border:1px solid #dce3d5;border-radius:14px;grid-template-rows:168px 1fr;min-width:0;text-decoration:none;display:grid;overflow:hidden}.layout-topic-card:hover{border-color:#7f9964;box-shadow:0 5px 20px #2835140c}.layout-diagram{background:#f3f6ed;width:100%;height:100%;min-height:0;padding:16px;display:block}.layout-diagram text{font-family:inherit;font-weight:650}.layout-card-copy{border-top:1px solid #e4e9dc;min-width:0;padding:18px}.layout-card-type{color:#526b42;letter-spacing:.03em;font-size:11px;display:block}.layout-card-copy h3{color:#293520;margin:8px 0;font-size:18px;line-height:1.4}.layout-card-copy p{color:#536249;margin:0;font-size:13px;line-height:1.6}.layout-open{color:#405632;margin-top:16px;font-size:12px;display:block}.layout-detail{max-width:1040px;margin:auto}.layout-back{margin-bottom:22px;font-size:13px;text-decoration:none;display:inline-block}.layout-detail-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.layout-detail-head h2{letter-spacing:-.04em;margin:8px 0 12px;font-size:32px;line-height:1.2}.layout-detail-head p{color:#536249;margin:0;line-height:1.6}.layout-detail-id{color:#657a51;font-size:44px;font-weight:700}.layout-hero-diagram{background:#f2f6ec;border:1px solid #d9e2cf;border-radius:16px;overflow:hidden}.layout-diagram-toolbar{color:#536249;border-bottom:1px solid #dce5d4;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:13px;display:flex}.layout-diagram-toolbar [role=group]{gap:4px;display:flex}.layout-diagram-toolbar button{color:#405632;cursor:pointer;background:#fff;border:1px solid #b9c7aa;border-radius:6px;min-height:36px;padding:6px 12px}.layout-diagram-toolbar button.active{color:#fff;background:#445936;border-color:#445936}.layout-hero-canvas{place-items:center;height:320px;display:grid}.layout-hero-canvas .layout-diagram{background:0 0;max-width:520px;padding:24px}.layout-hero-canvas.narrow .layout-diagram{width:66%;height:66%}.layout-caption{color:#536249;border-top:1px solid #dce5d4;margin:0;padding:16px 18px;font-size:13px;line-height:1.65}.layout-caption span{color:#536249}.layout-detail-columns{grid-template-columns:minmax(0,1fr) 250px;gap:44px;margin-top:34px;display:grid}.layout-description{color:#34432b;margin:0 0 28px;font-size:16px;line-height:1.9}.layout-detail-columns h3{color:#293520;margin-bottom:14px;font-size:17px}.layout-detail-columns ul{gap:10px;margin:0 0 30px;padding-left:20px;display:grid}.layout-detail-columns li{color:#536249;font-size:14px;line-height:1.75}.layout-detail-columns ol{margin:0 0 30px;padding:0;list-style:none}.layout-detail-columns ol li{border-top:1px solid #e3e8df;align-items:baseline;gap:16px;padding:13px 0;display:flex}.layout-detail-columns ol b{color:#526b42;flex-shrink:0;font-size:12px}.layout-caution{background:#f3f5ea;border-left:3px solid #8aa36e;border-radius:0 8px 8px 0;padding:18px}.layout-caution strong{color:#405632;font-size:14px}.layout-caution p{color:#536249;margin:10px 0 0;font-size:14px;line-height:1.8}.layout-detail-aside{align-content:start;gap:30px;min-width:0;display:grid}.layout-related,.layout-sources{gap:6px;display:grid}.layout-related a,.layout-sources a{overflow-wrap:anywhere;justify-content:space-between;gap:12px;padding:10px 0;font-size:13px;line-height:1.6;display:flex}.layout-related a{border-bottom:1px solid #e3e8df;text-decoration:none}.layout-prev-next{border-top:1px solid #dfe6d8;justify-content:space-between;gap:24px;margin-top:36px;padding-top:22px;display:flex}.layout-prev-next a{gap:8px;max-width:48%;font-size:13px;text-decoration:none;display:grid}.layout-prev-next a:last-child{text-align:right}.layout-prev-next small{color:#536249;font-size:12px}.layout-prev-next strong{font-weight:600}.layout-not-found{text-align:center;background:#f3f6ed;border:1px solid #dce4d1;border-radius:16px;padding:45px 20px}.layout-not-found h2{margin:12px 0;font-size:26px}.layout-not-found p{color:#536249;line-height:1.6}@media (width<=1000px){.layout-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-detail-columns{grid-template-columns:minmax(0,1fr) 210px;gap:24px}}@media (width<=620px){.layout-library{padding:20px 0 100px}.layout-intro{padding:20px}.layout-intro h2{font-size:25px}.layout-stamp{display:none}.layout-categories{gap:6px}.layout-categories a{padding:9px 11px;font-size:12px}.layout-topic-grid{grid-template-columns:minmax(0,1fr);gap:12px}.layout-topic-card{grid-template-rows:auto;grid-template-columns:104px minmax(0,1fr);min-height:150px}.layout-topic-card .layout-diagram{padding:8px}.layout-card-copy{border-top:0;border-left:1px solid #e4e9dc;padding:15px}.layout-card-copy h3{font-size:17px}.layout-open{margin-top:10px}.layout-detail-head{gap:10px}.layout-detail-head h2{font-size:27px}.layout-detail-id{font-size:28px}.layout-hero-canvas{height:260px}.layout-diagram-toolbar{padding:10px 12px}.layout-caption{padding:14px}.layout-detail-columns{margin-top:28px;display:block}.layout-detail-aside{margin-top:30px}}.layout-table-wrap{border:1px solid var(--border,#d9ddce);border-radius:8px;max-width:100%;margin:28px 0;overflow-x:auto}.layout-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:1.65}.layout-table-wrap caption{text-align:left;padding:16px;font-weight:700}.layout-table-wrap th,.layout-table-wrap td{border-top:1px solid var(--border,#d9ddce);vertical-align:top;overflow-wrap:anywhere;min-width:100px;padding:12px 14px}.layout-table-wrap th{background:#8fa67814;font-weight:600}.layout-table-wrap:focus-visible{outline-offset:3px;outline:2px solid #667b4d}.color-system{color:#293321;max-width:1180px;margin:0 auto;padding:28px 30px 70px}.color-hero{justify-content:flex-end;align-items:center;gap:24px;margin-bottom:22px;display:flex}.color-eyebrow{letter-spacing:.14em;color:#7b896d;font:10px monospace}.color-hero h2{letter-spacing:-.04em;margin:8px 0;font:600 29px Manrope,sans-serif}.color-hero p{color:#69755e;margin:0;font-size:13px}.color-hero-actions,.color-toolbar,.color-export-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-button{color:#fff;cursor:pointer;background:#3b4c2c;border:1px solid #3d502d;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:inline-flex}.color-button.secondary{color:#405432;background:#f3f6ee;border-color:#ccd7c0}.color-button:disabled{opacity:.5;cursor:default}.color-toolbar{background:#f0f3ea;border:1px solid #dce2d4;border-radius:11px;margin-bottom:14px;padding:13px 15px}.color-toolbar label,.color-info label,.color-contrast-inputs label,.color-import-box{color:#647257;gap:5px;font-size:10px;display:grid}.color-toolbar input,.color-toolbar select,.color-info input,.color-info select,.color-contrast-inputs input,.color-search input{color:#283121;background:#fff;border:1px solid #cbd5c0;border-radius:6px;height:33px;padding:0 9px;font-size:11px}.color-toolbar label{min-width:125px}.color-toolbar label:first-child{min-width:180px}.color-seed{color:#7d8972;margin-left:auto;font:10px monospace}.color-swatches{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px;margin:15px 0 18px;display:grid}.color-swatch{text-align:left;cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:108px;padding:11px;display:flex;box-shadow:0 3px 9px #33402b10}.color-swatch.selected{border-color:#293321;box-shadow:0 0 0 2px #fff,0 0 0 4px #78915c}.color-swatch strong{font-size:11px}.color-swatch small{opacity:.75;font:9px monospace}.color-tabs{border-bottom:1px solid #dce2d4;gap:3px;margin-bottom:18px;display:flex;overflow:auto}.color-tabs button,.color-vision-tabs button{color:#7a876f;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:10px 14px;font-size:11px}.color-tabs button.active,.color-vision-tabs button.active{color:#30461e;border-bottom:2px solid #688649;font-weight:700}.color-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.color-card{background:#fff;border:1px solid #dfe5d8;border-radius:12px;min-width:0;padding:20px}.color-card-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:17px;display:flex}.color-card-head span,.color-card>span{color:#82906e;letter-spacing:.04em;font:10px monospace}.color-card h3{letter-spacing:-.025em;margin:5px 0 0;font-size:18px}.color-card-head>button:not(.color-button){color:#637458;cursor:pointer;background:#f1f4ec;border:0;border-radius:6px;padding:7px}.color-info{gap:10px;display:grid}.color-info label{margin-top:2px}.color-lock-button{color:#4c6040;cursor:pointer;background:#f1f4ec;border:1px solid #d4deca;border-radius:7px;justify-self:start;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:inline-flex}.color-name-stack{grid-template-columns:1fr 1fr;gap:8px;margin-top:5px;display:grid}.color-name-stack>div{background:#f3f6ef;border-radius:7px;gap:4px;padding:9px;display:grid}.color-name-stack small{color:#89947e;font-size:9px}.color-name-stack strong{font-size:11px;font-weight:600}.color-name-stack .color-expressive{grid-column:1/-1}.color-creative-picks{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.color-expressive .color-creative-picks{margin-top:8px}.color-creative-picks button{color:#4b643d;cursor:pointer;background:#fff;border:1px solid #d3dfc9;border-radius:5px;align-items:center;gap:5px;width:max-content;padding:7px 10px;font-size:13px;display:inline-flex}.color-shade-row{grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;margin:4px 0 26px;display:grid}.color-shade-row button{cursor:pointer;border:0;height:47px;position:relative}.color-shade-row span{text-align:center;color:inherit;font:8px monospace;position:absolute;bottom:3px;left:0;right:0}.color-card h4{margin:0 0 12px;font-size:12px}.color-emotion-list{gap:8px;display:grid}.color-emotion-list>div{grid-template-columns:90px 1fr 28px;align-items:center;gap:9px;font-size:10px;display:grid}.color-emotion-list i{background:#edf1e8;border-radius:5px;height:6px;overflow:hidden}.color-emotion-list b{background:#8ca778;border-radius:5px;height:100%;display:block}.color-emotion-list strong{color:#708365;text-align:right;font:10px monospace}.color-contrast-inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.color-contrast-preview{border-radius:8px;gap:6px;margin:16px 0;padding:19px;font-size:13px;display:grid}.color-contrast-preview span{font-size:11px}.color-system .pass,.color-system .warn,.color-system .fail{border-radius:5px;padding:5px 7px;font-size:10px}.color-system .pass{color:#376024;background:#e7f0df}.color-system .warn{color:#856119;background:#f8f0dc}.color-system .fail{color:#9a3424;background:#f9e8e3}.color-warning{color:#77382e;background:#fff4ef;border:1px solid #e8cdbf;border-radius:8px;padding:12px;font-size:11px}.color-warning p{margin:6px 0 10px}.color-vision-tabs{border-bottom:1px solid #e6ebe2;gap:2px;margin-bottom:15px;display:flex}.color-vision-preview{border-radius:8px;height:120px;display:flex;overflow:hidden}.color-vision-preview i{flex:1;display:block}.color-theme-preview{border:1px solid #cdd5c6;border-radius:8px;min-height:130px;padding:17px}.color-theme-preview h4{margin:0 0 8px;font-size:13px}.color-theme-preview p{opacity:1;margin:0 0 15px;font-size:11px}.color-theme-preview button{border:0;border-radius:6px;padding:8px 11px;font-size:10px}.color-system .toggle{font-size:17px}.color-lint-list{gap:6px;margin-top:16px;display:grid}.color-lint-list>div{border-radius:5px;align-items:center;gap:6px;padding:6px 7px;font-size:10px;display:flex}.color-lint-list .passed{color:#537042;background:#f0f5eb}.color-lint-list .failed{color:#9b4535;background:#fff0eb}.color-lint-list small{margin-left:auto;font:9px monospace}.color-trajectory-card{min-height:180px}.color-trajectory-row{border-radius:7px;height:58px;margin:28px 0 15px;display:flex;overflow:hidden}.color-trajectory-row i{flex:1}.color-trajectory-card p{color:#748068;font-size:11px;line-height:1.6}.color-library-card,.color-export-card{gap:15px;display:grid}.color-search{background:#f4f6f0;border:1px solid #dce3d5;border-radius:7px;align-items:center;gap:8px;padding:0 10px;display:flex}.color-search input{background:0 0;border:0;outline:0;flex:1}.color-library-items{gap:4px;display:grid}.color-library-items button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf0e9;grid-template-rows:1fr 1fr;grid-template-columns:30px 1fr;column-gap:10px;padding:9px 4px;display:grid}.color-library-items button>span{border-radius:6px;grid-row:1/3;width:30px;height:30px}.color-library-items strong{font-size:11px}.color-library-items small{color:#85917e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.color-export-actions{align-items:stretch}.color-export-actions .color-button{font-size:10px}.color-import-box{gap:8px}.color-import-box textarea{resize:vertical;border:1px solid #ccd6c1;border-radius:7px;min-height:120px;padding:10px;font:10px monospace}.color-image-import{background:#f0f4e9;border:1px dashed #becbb1;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;padding:15px 17px;display:flex}.color-image-import>div{align-items:center;gap:9px;display:flex}.color-image-import>div svg{color:#6f8959}.color-image-import strong{font-size:11px}.color-image-import span{color:#7b886f;font-size:10px}.color-notice,.color-error{border-radius:7px;padding:10px 12px;font-size:11px}.color-notice{color:#4c673c;background:#edf4e5}.color-error{color:#923f32;background:#fff0eb}@media (width<=800px){.color-system{padding:20px 16px 80px}.color-hero{align-items:start;display:grid}.color-toolbar label:first-child{min-width:100%}.color-toolbar label{flex:1;min-width:100px}.color-seed{margin-left:0}.color-swatches{grid-template-columns:repeat(4,1fr)}.color-grid{grid-template-columns:1fr}.color-image-import{align-items:start;display:grid}.color-image-import .color-button{justify-self:start}}@media (width<=460px){.color-swatches{grid-template-columns:repeat(2,1fr)}.color-swatch{min-height:80px}.color-name-stack{grid-template-columns:1fr}.color-name-stack .color-expressive{grid-column:auto}.color-contrast-inputs{grid-template-columns:1fr}.color-hero-actions{width:100%}.color-hero-actions .color-button{flex:1;justify-content:center}}.color-system button:focus-visible,.color-system input:focus-visible,.color-system select:focus-visible,.color-system textarea:focus-visible{outline-offset:2px;outline:2px solid #6b8155}.color-edit-row{align-items:end;gap:12px;display:flex}.color-edit-row label{flex:1}.color-edit-row input[type=color]{width:48px;padding:2px}.color-help{color:#59654f;font-size:12px;line-height:1.6}.color-info{align-content:start}.color-saved-palette-swatches{display:flex;overflow:hidden}.color-saved-palette-swatches i{flex:1}.color-system input[aria-invalid=true]{border-color:#a83524}.color-system input{min-width:0;max-width:100%}.color-system .color-tabs{overflow-x:auto}.color-system .color-toolbar label{flex:1}.color-system .color-vision-tabs{overflow-x:auto}.color-system .color-name-stack strong{overflow-wrap:anywhere}.color-base-controls{background:#fff;border:1px solid #dce2d4;border-radius:12px;justify-content:space-between;align-items:end;gap:20px;padding:20px;display:flex}.color-base-inputs{flex-wrap:wrap;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.color-base-field{align-items:end;gap:5px;display:flex}.color-base-field label,.color-count,.color-save-dialog label{gap:8px;font-size:12px;display:grid}.color-base-field label>span{border:1px solid #ccd5c4;border-radius:7px;align-items:center;padding:4px;display:flex}.color-base-field input[type=color]{background:0 0;border:0;width:32px;height:32px;padding:0}.color-base-field input:not([type=color]){border:0;width:86px;padding:8px;font:12px monospace}.color-base-field>button{cursor:pointer;background:0 0;border:0;padding:10px}.color-count select{min-width:85px;color:inherit;background:#fff;border:1px solid #ccd5c4;border-radius:7px;padding:12px}.color-jump-links{flex-wrap:wrap;gap:6px;margin:18px 0;display:flex}.color-jump-links button{color:#405432;cursor:pointer;background:#fff;border:1px solid #dce2d4;border-radius:20px;padding:8px 12px;font-size:12px}.color-variants{margin:24px 0}.color-section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.color-section-heading h3{margin:0;font-size:19px}.color-section-heading p{color:#69755e;font-size:12px;line-height:1.6}.color-section-heading>span{white-space:nowrap;font:12px monospace}.color-variant-groups{gap:10px;margin-top:15px;display:grid}.color-variant-groups>section{grid-template-columns:90px 1fr;align-items:center;gap:14px;display:grid}.color-variant-groups h4{margin:0;font-size:12px}.color-variant-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-height:66px;display:grid}.color-variant{cursor:pointer;color:#415332;background:#fff;border:1px solid #d5decc;border-radius:8px;min-width:0;padding:4px;transition:transform .15s}.color-variant:hover{transform:translateY(-2px)}.color-variant[aria-pressed=true]{outline-offset:1px;outline:2px solid #4a6434}.color-variant>span:last-child{padding:5px 1px;font-size:10px;display:block}.color-variant-colors{border-radius:4px;height:35px;display:flex;overflow:hidden}.color-variant-colors i{flex:1;min-width:0}.color-values{margin:0 0 18px}.color-values>div{border-bottom:1px solid #edf0e9;justify-content:space-between;gap:12px;padding:9px 0;font-size:12px;display:flex}.color-values dt{color:#69755e;font-weight:600}.color-values dd{min-width:0;margin:0}.color-values button{text-align:right;color:#293321;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:9px;font:11px monospace;display:flex}.color-background-ratios{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:25px;display:grid}.color-background-ratios>div{border:1px solid #ddd;border-radius:8px;gap:8px;padding:16px;display:grid}.color-background-ratios strong{font-size:32px}.color-background-ratios span{font-size:11px}.color-background-ratios b{font-size:17px}.color-name-stack>div>span{color:#617155;font:10px monospace}.color-save-dialog{color:#293321;border:1px solid #d3dfc9;border-radius:14px;width:min(400px,90vw);padding:25px}.color-save-dialog::backdrop{background:#101a1080}.color-save-dialog form{gap:20px;display:grid}.color-save-dialog h3{margin:0}.color-save-dialog input{border:1px solid #cbd5c0;border-radius:6px;padding:10px}.color-save-dialog form>div{justify-content:end;gap:8px;display:flex}.color-system section[id],.color-system div[id]{scroll-margin-top:20px}#color-contrast,#color-theme{margin-top:22px}.color-system .color-card{margin-bottom:0}@media (width<=800px){.color-base-controls{flex-wrap:wrap;align-items:start}.color-base-inputs{flex:1}.color-variant-groups>section{display:block}.color-variant-groups h4{margin:13px 0 8px}.color-variant-row{gap:5px}.color-variant>span:last-child{font-size:9px}.color-section-heading{align-items:start}.color-section-heading>span{padding-top:4px}.color-base-field label{min-width:0}}@media (width<=460px){.color-base-controls{padding:13px}.color-base-inputs{gap:10px}.color-base-inputs>.color-base-field:nth-child(-n+4),.color-base-inputs>.color-base-add:nth-child(-n+4),.color-base-inputs>.color-base-field:nth-child(n+5),.color-base-inputs>.color-base-add:nth-child(n+5){flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px)}.color-variant-row{grid-template-columns:repeat(3,minmax(0,1fr))}.color-background-ratios>div{padding:12px}.color-values button{font-size:10px}.color-name-stack{grid-template-columns:1fr 1fr}.color-name-stack .color-expressive{grid-column:1/-1}}.color-swatch-wrap{gap:8px;min-width:0;display:grid}.color-swatch-wrap .color-input-control-swatch{width:100%}.color-swatch-wrap .color-input-picker.color-swatch{border-radius:10px;min-height:108px;position:relative;box-shadow:0 3px 9px #33402b10}.color-swatch-wrap .color-input-picker.color-swatch.selected{border:2px solid #293321;box-shadow:0 0 0 2px #fff,0 0 0 4px #78915c}.color-swatch-wrap .color-input-picker.color-swatch>small{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.color-swatch-lock{color:#627455;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;padding:5px;font-size:11px;display:flex}.color-swatch-lock[aria-pressed=true]{color:#293f1a;font-weight:700}.color-button kbd{border:1px solid #ffffff60;border-radius:4px;padding:2px 4px;font:9px monospace}.color-selected-heading{justify-content:space-between;align-items:center;gap:16px;margin:22px 0 8px;display:flex}.color-selected-heading h3{margin:0;font-size:20px}.color-selected-heading h3 small{color:#69755e;margin-left:10px;font-size:12px;font-weight:500}.color-selected-heading p{color:#69755e;font-size:12px;line-height:1.6}.color-system [hidden]{display:none!important}.color-system .color-tabs{flex-wrap:wrap;gap:4px;overflow:visible}.color-tabs button{border-radius:7px 7px 0 0;padding:10px 12px}.color-system #color-active-panel:focus-visible{outline-offset:4px;outline:2px solid #6b8155}.color-system #color-active-panel>.color-variants,.color-system #color-theme{margin-top:0}.color-system .color-overview{padding-top:0}@media (width<=460px){.color-system .color-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.color-tabs button{white-space:normal;padding:10px 4px;font-size:10px}}.color-input-control{gap:8px;min-width:0;display:grid;position:relative}.color-input-heading{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.color-input-heading select{color:#293321;background:#fff;border:1px solid #ccd5c4;border-radius:5px;padding:5px;font-size:11px}.color-input-picker{text-align:left;cursor:pointer;border:0;border-radius:28px;align-content:center;gap:4px;width:100%;min-height:78px;padding:16px 18px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 6px 18px #1a241214}.color-input-picker:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1a241220}.color-input-picker:focus-visible{outline-offset:3px;outline:2px solid #6b8155}.color-input-picker-hex{letter-spacing:-.03em;font:700 18px/1.1 Manrope,sans-serif}.color-input-picker-name{opacity:.92;font:italic 500 12px/1.25 Manrope,sans-serif}.color-input-popover{z-index:50;width:max-content;max-width:min(100vw - 16px,680px);max-height:calc(100vh - 16px);box-shadow:none;color:#1c1a16;background:0 0;border:0;flex-direction:row;align-items:flex-start;gap:8px;padding:0;display:flex;position:fixed;top:0;left:0;overflow:auto}.color-input-popover[hidden]{display:none!important}.color-input-detail{box-sizing:border-box;background:#fff;border:5px solid;border-radius:24px;flex-direction:column;flex:none;gap:9px;width:min(380px,92vw);padding:16px 16px 15px;display:flex;box-shadow:0 2px 5px #00000014,0 8px 19px -3px #00000024}.color-input-detail-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.color-input-close{color:#17140f;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;width:27px;height:27px;padding:0;display:inline-flex}.color-input-close:hover{background:#f0f0f0}.color-input-close:focus-visible{outline-offset:1px;outline:2px solid #6b8155}.color-input-detail-swatch{border-radius:8px;width:100%;height:41px;display:flex;overflow:hidden}.color-input-detail-swatch button{cursor:pointer;border:0;flex:1;min-width:0;height:100%;padding:0}.color-input-detail-swatch button.is-current{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #0005}.color-input-detail-body{flex:1;gap:3px;min-width:0;display:grid}.color-input-detail-meta{color:#5a5346;overflow-wrap:anywhere;margin:0;font:300 10px/1.4 Manrope,sans-serif}.color-input-detail-title{letter-spacing:-.03em;color:#17140f;margin:0;font:italic 800 15px/1.15 Manrope,sans-serif}.color-input-detail-expressive{color:#3d372c;margin:0;font:500 11px/1.4 Manrope,sans-serif}.color-input-detail-values{gap:1px;margin:0;display:grid}.color-input-detail-values>div{grid-template-columns:80px 1fr;align-items:center;gap:5px;min-height:29px;display:grid}.color-input-detail-values>div.is-active .color-input-space-label{color:#8a5a00;font-weight:800}.color-input-detail-values dt{margin:0}.color-input-detail-values dd{align-items:center;gap:4px;min-width:0;margin:0;display:flex}.color-input-space-label,.color-input-space-value{text-align:left;cursor:pointer;color:#2a251c;background:0 0;border:0;border-radius:7px;padding:5px 7px;font:700 11px/1.35 Manrope,sans-serif}.color-input-space-value{overflow-wrap:anywhere;flex:1;width:auto;min-width:0;font-weight:400}.color-input-detail-values .color-input-inline-row{flex:1;min-width:0}.color-input-space-label:disabled{opacity:.45;cursor:default}.color-input-space-label:hover:not(:disabled),.color-input-space-value:hover{background:#f0f0f0}.color-input-inline-row{flex-wrap:nowrap;align-items:center;gap:3px;min-width:0;display:flex}.color-input-inline-field{align-items:center;gap:3px;min-width:0;display:inline-flex}.color-input-inline{color:#2a251c;background:#fffdf8;border:1px solid #cbbda3;border-radius:4px;width:100%;padding:4px 7px;font:400 11px/1.35 Manrope,sans-serif}.color-input-inline-row .color-input-inline{text-align:center;background:#fff;border:2px solid #e8b423;border-radius:7px;flex:1.7em;width:2.3em;min-width:1.5em;max-width:3.1em;padding:3px}.color-input-inline-row .color-input-inline-hex{text-align:left;flex:4em;min-width:3.3em;max-width:6em}.color-input-inline-mark{color:#2a251c;font:400 11px/1.35 Manrope,sans-serif}.color-system .color-input-inline-row input{color:#2a251c;background:#fff;border:2px solid #e8b423;height:21px;padding:3px 5px;font:400 11px/1.35 Manrope,sans-serif}.color-input-space-copy{color:#5a5346;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;width:29px;height:29px;padding:0;display:inline-flex}.color-input-space-copy:hover{color:#17140f;background:#f0f0f0}.color-input-space-copy:focus-visible{outline-offset:1px;outline:2px solid #6b8155}.color-input-editor{box-sizing:border-box;background:#eee1c6;border:2px solid;border-radius:12px;flex:none;gap:8px;width:min(267px,92vw);padding:16px;display:grid;box-shadow:0 2px 5px #00000014,0 8px 19px -3px #00000024}.color-input-editor-head{justify-content:space-between;align-items:center;gap:8px;min-height:27px;display:flex}.color-input-editor-head strong{color:#17140f;font:700 12px/1.2 Manrope,sans-serif}.color-input-sv{cursor:crosshair;touch-action:none;border-radius:7px;height:80px;position:relative;overflow:hidden}.color-input-sv-white,.color-input-sv-black{pointer-events:none;position:absolute;inset:0}.color-input-sv-white{background:linear-gradient(90deg,#fff,#0000)}.color-input-sv-black{background:linear-gradient(#0000,#000)}.color-input-sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040,0 2px 6px #00000030}.color-input-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:8px;position:relative}.color-input-hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000030,0 2px 6px #00000025}.color-input-hex-row{border:2px solid;border-color:inherit;background:#fff;border-radius:7px;align-items:center;gap:5px;padding:3px 5px 3px 9px;display:flex}.color-system .color-input-hex-row input{color:#293321;background:0 0;border:0;flex:1;min-width:0;height:27px;padding:0;font:11px Manrope,sans-serif}.color-input-hex-swatch{border:1px solid #00000012;border-radius:5px;flex-shrink:0;width:19px;height:19px}.color-input-editor-sliders{gap:9px;padding:9px 9px 8px}.color-input-slider{gap:4px;display:grid}.color-input-slider-head{color:#3b3b3b;justify-content:space-between;align-items:baseline;font:500 8px/1.2 Manrope,sans-serif;display:flex}.color-input-slider-head strong{font-variant-numeric:tabular-nums;font-weight:600}.color-input-slider-track{border-radius:999px;height:8px;display:block;position:relative}.color-input-slider-track input[type=range]{opacity:0;cursor:pointer;z-index:3;width:100%;height:100%;margin:0;position:absolute;inset:0}.color-input-slider-thumb{pointer-events:none;z-index:2;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000028,0 2px 6px #00000030}.color-input-slider-marker{pointer-events:none;z-index:1;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000030}.color-input-channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.color-input-channels label{gap:4px;font-size:11px;display:grid}.color-system .color-input-channels input{color:#293321;background:#fff;border:1px solid #ccd5c4;border-radius:5px;width:100%;height:32px;padding:5px;font:11px monospace}.color-input-channels small{color:#65735a;white-space:nowrap;font-size:8px}.color-input-error{color:#923f32;margin:0;font-size:11px}.color-base-field>.color-input-control{width:100%;max-width:100%}.color-base-inputs{align-items:center}.color-base-field{align-items:start;min-width:0}.color-base-controls{align-items:start}.color-base-inputs>.color-base-field:nth-child(-n+4),.color-base-inputs>.color-base-add:nth-child(-n+4){flex:0 0 calc(25% - 9px);max-width:calc(25% - 9px)}.color-base-inputs>.color-base-field:nth-child(n+5),.color-base-inputs>.color-base-add:nth-child(n+5){flex:0 0 calc(20% - 9.6px);max-width:calc(20% - 9.6px)}.color-base-add{color:#405432;cursor:pointer;background:#f3f6ee;border:1px solid #ccd7c0;border-radius:16px;justify-content:center;align-self:center;align-items:center;width:56px;max-width:none;height:56px;padding:0;display:inline-flex;box-shadow:0 4px 12px #1a241214}.color-base-add:hover{background:#eaf0e3;transform:translateY(-1px)}.color-base-add:focus-visible{outline-offset:3px;outline:2px solid #6b8155}.color-info .color-input-control{max-width:320px;margin-bottom:8px}@media (width<=900px){.color-input-popover{flex-direction:column;width:min(100vw - 16px,380px);max-width:min(100vw - 16px,380px)}.color-input-detail,.color-input-editor{width:100%}}@media (width<=460px){.color-input-detail{border-width:4px;border-radius:19px;padding:11px}.color-input-detail-title{font-size:12px}.color-input-detail-values>div{grid-template-columns:56px 1fr}}.color-near-palettes{background:#fff;border:1px solid #dce2d4;border-radius:12px;margin:0 0 18px;padding:16px 18px}.color-near-palettes .color-section-heading{align-items:center;margin-bottom:12px}.color-near-palettes h3{font-size:16px}.color-near-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.color-near-item{cursor:pointer;color:#415332;text-align:left;background:#fff;border:1px solid #d5decc;border-radius:8px;min-width:0;padding:4px;transition:transform .15s}.color-near-item:hover{transform:translateY(-2px)}.color-near-item[aria-pressed=true]{outline-offset:1px;outline:2px solid #4a6434}.color-near-item.is-current{box-shadow:inset 0 0 0 1px #4a6434}.color-near-item>span:last-child{padding:5px 1px;font-size:10px;display:block}.color-near-item .color-variant-colors{border-radius:4px;height:34px;display:flex;overflow:hidden}.color-near-item .color-variant-colors i{flex:1;min-width:0}@media (width<=900px){.color-near-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=460px){.color-near-row{grid-template-columns:repeat(2,minmax(0,1fr))}.color-near-palettes{padding:12px}}.contrast-pick-board{grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;display:grid}.contrast-pick-side{background:#f7f9f3;border:1px solid #dce3d4;border-radius:14px;gap:10px;padding:14px;display:grid}.contrast-pick-side>header{gap:2px;display:grid}.contrast-pick-side>header strong{color:#293321;font:650 15px/1.25 Manrope,sans-serif}.contrast-pick-side>header span{color:#657456;font:12px/1.4 Manrope,sans-serif}.contrast-swatch-row{flex-wrap:wrap;gap:8px;display:flex}.contrast-swatch-row>button{cursor:pointer;letter-spacing:-.02em;border:2px solid #0000;border-radius:12px;min-width:92px;height:52px;padding:0 10px;font:600 12px/1.2 Manrope,sans-serif;box-shadow:inset 0 0 0 1px #00000014}.contrast-swatch-row>button.is-selected{border-color:#3b4c2c;transform:translateY(-1px);box-shadow:0 0 0 3px #3b4c2c33,inset 0 0 0 1px #00000014}.contrast-swatch-row>button:focus-visible{outline-offset:3px;outline:2px solid #6b8155}.color-contrast-preview{border-radius:14px;gap:8px;margin:16px 0;padding:22px;font:650 18px/1.35 Manrope,sans-serif;display:grid}.color-contrast-preview span{opacity:.9;font:500 14px/1.45 Manrope,sans-serif}.color-contrast-preview .contrast-score{margin-top:6px;font:700 14px/1.3 Manrope,sans-serif}.color-contrast-preview .contrast-score.pass,.color-contrast-preview .contrast-score.warn,.color-contrast-preview .contrast-score.fail{opacity:1}@media (width<=760px){.contrast-pick-board{grid-template-columns:1fr}}.color-system{font-size:14px;line-height:1.5}.color-system .color-button{font-size:13px}.color-system .color-button kbd{font-size:11px}.color-system .color-toolbar label,.color-system .color-info label,.color-system .color-contrast-inputs label,.color-system .color-import-box{font-size:12px}.color-system .color-toolbar input,.color-system .color-toolbar select,.color-system .color-info input,.color-system .color-info select,.color-system .color-contrast-inputs input,.color-system .color-search input{height:36px;font-size:13px}.color-system .color-tabs button,.color-system .color-vision-tabs button{padding:11px 15px;font-size:13px}.color-system .color-card-head span,.color-system .color-card>span{font-size:12px}.color-system .color-card h3{font-size:20px}.color-system .color-card h4,.color-system .color-help,.color-system .color-section-heading p,.color-system .color-selected-heading p{font-size:14px}.color-system .color-section-heading h3{font-size:21px}.color-system .color-section-heading>span{font-size:13px}.color-system .color-name-stack small{font-size:11px}.color-system .color-name-stack strong{font-size:13px}.color-system .color-name-stack>div>span{font-size:12px}.color-system .color-swatch-lock{font-size:13px}.color-system .color-emotion-list>div,.color-system .color-emotion-list strong{font-size:12px}.color-system .color-background-ratios span{font-size:13px}.color-system .color-background-ratios b{font-size:18px}.color-system .color-variant>span:last-child,.color-system .color-near-item>span:last-child{font-size:12px}.color-system .color-variant-groups h4,.color-system .color-base-field label,.color-system .color-count,.color-system .color-save-dialog label{font-size:13px}.color-system .color-selected-heading h3{font-size:22px}.color-system .color-selected-heading h3 small{font-size:14px}.color-system .color-notice,.color-system .color-error,.color-system .color-library-items strong{font-size:13px}.color-system .color-library-items small,.color-system .color-export-actions .color-button{font-size:12px}.color-system .color-image-import strong{font-size:13px}.color-system .color-image-import span,.color-system .pass,.color-system .warn,.color-system .fail{font-size:12px}.color-system .color-near-palettes h3{font-size:18px}@media (width<=460px){.color-system .color-tabs button{font-size:12px}}.color-trend-group+.color-trend-group{margin-top:16px}.color-trend-group h4{margin:0 0 8px;font-size:12px;font-weight:600}.color-trend-group h4 a{color:inherit;text-decoration:none}.color-trend-group h4 a:hover{text-decoration:underline}.settings-page{max-width:900px;color:inherit;margin:32px auto}.settings-page>p{color:#aba49a;font-size:14px;line-height:1.7}.settings-page section{background:var(--panel,#fff);border:1px solid #6b655c40;border-radius:16px;margin:24px 0;padding:28px}.settings-page h2{margin:0 0 20px;font-size:20px}.settings-page section>p{color:#aba49a;font-size:13px}.settings-page .setting-row{border-top:1px solid #6b655c30;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.settings-page .setting-row span{gap:8px;min-width:0;display:grid}.settings-page strong{font-size:14px}.settings-page small{color:#aba49a;font-size:12px;line-height:1.7}.settings-page select{min-width:160px;color:inherit;font:inherit;background:0 0;border:1px solid #6b655c60;border-radius:8px;padding:12px}.settings-page dl{margin:0}.settings-page dl>div{border-top:1px solid #6b655c30;grid-template-columns:150px 1fr;gap:20px;padding:18px 0;font-size:13px;line-height:1.8;display:grid}.settings-page dt{font-weight:600}.settings-page dd{color:#aba49a;margin:0}.settings-page [role=status]{color:#eb5e28}@media (width<=620px){.settings-page section{padding:20px}.settings-page .setting-row{flex-direction:column;align-items:stretch;gap:12px}.settings-page dl>div{grid-template-columns:1fr;gap:6px}.settings-page{margin:20px 0}}.setting-choice{flex-shrink:0;min-width:180px;position:relative}.setting-choice>button{color:#ccc5b9;text-align:left;cursor:pointer;background:#423e3a;border:1px solid #524d47;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:12px 14px;display:flex}.setting-choice>button[aria-expanded=true]{border-color:#eb5e28}.setting-options{z-index:50;background:#423e3a;border:1px solid #524d47;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 12px 32px #0008}.setting-options button{color:#ccc5b9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 10px;display:flex}.setting-options button[aria-selected=true]{color:#f5834f;background:#4b3c33}.setting-options button:hover,.setting-options button:focus-visible{outline-offset:-2px;background:#5a544c;outline:2px solid #f5834f}.setting-choice>button:focus-visible{outline-offset:3px;outline:2px solid #eb5e28}.kb-block{--_bg:var(--kb-bg,#fff);--_surface:var(--kb-surface,#f6f6f4);--_fg:var(--kb-fg,#1c1c1a);--_muted:var(--kb-muted,#6b6b66);--_border:var(--kb-border,#e4e4df);--_primary:var(--kb-primary,#3b5bdb);--_on-primary:var(--kb-on-primary,#fff);--_radius:var(--kb-radius,10px);--_font:var(--kb-font,system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif);--_heading-font:var(--kb-heading-font,var(--_font));--_tint:color-mix(in srgb,var(--_primary) 12%,var(--_surface));--_tint-strong:color-mix(in srgb,var(--_primary) 28%,var(--_surface));--_shadow:0 1px 2px color-mix(in srgb,var(--_fg) 6%,transparent),0 12px 32px color-mix(in srgb,var(--_fg) 8%,transparent);background:var(--_bg);color:var(--_fg);font-family:var(--_font);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;display:block;position:relative;container-type:inline-size}.kb-block *,.kb-block :before,.kb-block :after{box-sizing:border-box}.kb-block :where(h1,h2,h3,p,ul,ol,figure,blockquote,dl,dd){margin:0}.kb-block :where(ul,ol){padding:0;list-style:none}.kb-block :where(h1,h2,h3){font-family:var(--_heading-font);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.25}.kb-block a{color:inherit;text-decoration:none}.kb-block a:hover{color:var(--_primary)}.kb-block svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.kb-block .kb-solid{fill:currentColor;stroke:none}.kb-block :is(a,button,input,summary):focus-visible{outline:2px solid var(--_primary);outline-offset:2px}.kb-block input[type=checkbox]{accent-color:var(--_primary);width:16px;height:16px;margin:0}.kb-block kbd{border:1px solid var(--_border);background:var(--_bg);min-width:22px;height:22px;color:var(--_muted);font:600 11px/1 var(--_font);border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 6px;display:inline-grid}.kb-block .kb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kb-block .kb-wrap{max-width:1120px;margin:0 auto;padding:clamp(40px,8cqi,88px) clamp(16px,5cqi,48px)}.kb-block .kb-head{flex-direction:column;align-items:flex-start;gap:14px;max-width:640px;margin-bottom:clamp(28px,5cqi,48px);display:flex}.kb-block .kb-center{text-align:center;align-items:center;margin-inline:auto}.kb-block .kb-eyebrow{background:var(--_tint);color:var(--_primary);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.kb-block .kb-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.kb-block .kb-h1{letter-spacing:-.025em;font-size:clamp(30px,6cqi,56px);line-height:1.15}.kb-block .kb-h2{letter-spacing:-.02em;font-size:clamp(24px,4cqi,38px)}.kb-block .kb-h3{font-size:17px}.kb-block .kb-lead{max-width:60ch;color:var(--_muted);font-size:clamp(16px,2cqi,18px)}.kb-block .kb-muted{color:var(--_muted)}.kb-block .kb-small{font-size:13px}.kb-block .kb-grid{gap:clamp(16px,2.5cqi,24px);display:grid}.kb-block .kb-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-block .kb-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kb-block .kb-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6cqi,64px);display:grid}.kb-block .kb-card{background:var(--_bg);border:1px solid var(--_border);border-radius:calc(var(--_radius) + 4px);padding:clamp(20px,3cqi,28px)}.kb-block .kb-surface{background:var(--_surface)}.kb-block .kb-actions{flex-wrap:wrap;gap:12px;display:flex}.kb-block .kb-center .kb-actions,.kb-block .kb-actions.kb-center{justify-content:center}.kb-block .kb-btn{border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_bg);min-height:44px;color:var(--_fg);font:inherit;text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.kb-block .kb-btn:hover{background:var(--_surface);color:var(--_fg)}.kb-block .kb-btn svg{width:18px;height:18px}.kb-block .kb-btn-primary{background:var(--_primary);border-color:var(--_primary);color:var(--_on-primary)}.kb-block .kb-btn-primary:hover{background:color-mix(in srgb,var(--_primary) 86%,var(--_fg));color:var(--_on-primary)}.kb-block .kb-btn-ghost{background:0 0;border-color:#0000}.kb-block .kb-btn-sm{min-height:36px;padding:0 12px;font-size:14px}.kb-block .kb-btn-block{width:100%}.kb-block .kb-link{color:var(--_primary);font-weight:600}.kb-block .kb-field{gap:6px;font-size:14px;font-weight:600;display:grid}.kb-block .kb-field-row{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.kb-block .kb-input{border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_bg);width:100%;min-height:44px;color:var(--_fg);font:inherit;padding:0 14px;font-weight:400}.kb-block .kb-input::placeholder{color:var(--_muted)}.kb-block .kb-input:focus{border-color:var(--_primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--_primary) 22%,transparent);outline:none}.kb-block .kb-hint{color:var(--_muted);font-size:12px;font-weight:400}.kb-block .kb-check{align-items:center;gap:8px;font-size:14px;display:flex}.kb-block .kb-checks{gap:10px;display:grid}.kb-block .kb-checks li{align-items:flex-start;gap:12px;display:flex}.kb-block .kb-checks li:before{content:"";border:solid var(--_primary);border-width:0 2px 2px 0;flex:none;width:6px;height:11px;margin:5px 4px 0 6px;transform:rotate(45deg)}.kb-block .kb-icon{border-radius:var(--_radius);background:var(--_tint);width:40px;height:40px;color:var(--_primary);flex:none;place-items:center;display:grid}.kb-block .kb-badge{border:1px solid var(--_border);background:var(--_surface);color:var(--_muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.kb-block .kb-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.kb-block .kb-badge-ok{background:var(--_tint);color:var(--_primary);border-color:#0000}.kb-block .kb-badge-warn{background:color-mix(in srgb,var(--_fg) 9%,var(--_surface));color:var(--_fg);border-color:#0000}.kb-block .kb-avatar{background:var(--_tint-strong);width:40px;height:40px;color:var(--_fg);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.kb-block .kb-logo{white-space:nowrap;font-family:var(--_heading-font);letter-spacing:-.02em;flex:none;align-items:center;gap:10px;font-size:17px;font-weight:800;display:inline-flex}.kb-block .kb-logo-mark{border-radius:calc(var(--_radius) - 2px);background:var(--_primary);width:28px;height:28px;color:var(--_on-primary);place-items:center;display:grid}.kb-block .kb-logo-mark svg{width:16px;height:16px}.kb-block .kb-chips{flex-wrap:wrap;gap:8px;display:flex}.kb-block .kb-chip{border:1px solid var(--_border);background:var(--_bg);min-height:34px;color:var(--_muted);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.kb-block .kb-chip[aria-pressed=true]{border-color:var(--_fg);background:var(--_fg);color:var(--_bg)}.kb-block .kb-line{background:var(--_border);border-radius:4px;height:8px;display:block}.kb-block .kb-w70{width:70%}.kb-block .kb-w80{width:80%}.kb-block .kb-w90{width:90%}.kb-block .kb-table-scroll{border:1px solid var(--_border);border-radius:calc(var(--_radius) + 4px);background:var(--_bg);overflow-x:auto}.kb-block .kb-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.kb-block .kb-table :is(th,td){border-bottom:1px solid var(--_border);vertical-align:middle;white-space:nowrap;padding:14px 18px}.kb-block .kb-table thead th{background:var(--_surface);color:var(--_muted);font-size:13px;font-weight:600}.kb-block .kb-table tbody tr:last-child :is(th,td){border-bottom:0}.kb-block .kb-num{text-align:right;font-variant-numeric:tabular-nums}.kb-block.kb-hero-centered{background:radial-gradient(120% 70% at 50% 0%,var(--_tint),var(--_bg) 70%)}.kb-block.kb-hero-centered .kb-head{max-width:760px;margin-bottom:0}.kb-block .kb-hero-notes{color:var(--_muted);flex-wrap:wrap;justify-content:center;gap:6px 20px;font-size:13px;display:flex}.kb-block .kb-hero-notes li:before{content:"✓";color:var(--_primary);margin-right:6px;font-weight:700}.kb-block.kb-hero-split{background:linear-gradient(180deg,var(--_bg),var(--_surface))}.kb-block .kb-split .kb-head{margin-bottom:0}.kb-block .kb-mock{border:1px solid var(--_border);border-radius:calc(var(--_radius) + 6px);background:var(--_bg);box-shadow:var(--_shadow);overflow:hidden}.kb-block .kb-mock-bar{border-bottom:1px solid var(--_border);background:var(--_surface);gap:6px;padding:12px 14px;display:flex}.kb-block .kb-mock-bar span{background:var(--_border);border-radius:50%;width:10px;height:10px}.kb-block .kb-mock-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);min-height:280px;display:grid}.kb-block .kb-mock-side{border-right:1px solid var(--_border);background:var(--_surface);flex-direction:column;gap:4px;padding:14px 10px;font-size:12px;display:flex}.kb-block .kb-mock-label{color:var(--_muted);padding:0 8px 6px;font-size:11px;font-weight:700}.kb-block .kb-mock-item{border-radius:calc(var(--_radius) - 4px);color:var(--_muted);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;overflow:hidden}.kb-block .kb-mock-item.kb-on{background:var(--_tint);color:var(--_primary);font-weight:600}.kb-block .kb-mock-doc{flex-direction:column;gap:12px;padding:20px;display:flex}.kb-block .kb-mock-title{font-family:var(--_heading-font);font-size:18px;font-weight:700}.kb-block .kb-mock-tag{background:var(--_tint);color:var(--_primary);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.kb-block .kb-mock-todo{align-items:center;gap:8px;font-size:13px;display:flex}.kb-block .kb-mock-todo:before{content:"";border:1.5px solid var(--_border);border-radius:4px;flex:none;width:14px;height:14px}.kb-block .kb-mock-todo.kb-done{color:var(--_muted);text-decoration:line-through}.kb-block .kb-mock-todo.kb-done:before{border-color:var(--_primary);background:var(--_primary)}.kb-block.kb-landing-logo-cloud .kb-wrap{text-align:center;padding-block:clamp(28px,5cqi,48px)}.kb-block .kb-logos-title{color:var(--_muted);font-size:14px}.kb-block .kb-logos-title strong{color:var(--_fg)}.kb-block .kb-logos{border-block:1px solid var(--_border);grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 24px;margin:24px 0;padding:24px 0;display:grid}.kb-block .kb-logos li{color:var(--_muted);font-family:var(--_heading-font);letter-spacing:-.02em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.kb-block .kb-logos svg{width:22px;height:22px}.kb-block .kb-logos-meta{color:var(--_muted);flex-wrap:wrap;justify-content:center;gap:6px 24px;display:flex}.kb-block .kb-faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(28px,6cqi,72px);display:grid}.kb-block.kb-landing-faq .kb-head{margin-bottom:0}.kb-block .kb-faq{border-top:1px solid var(--_border)}.kb-block .kb-faq details{border-bottom:1px solid var(--_border)}.kb-block .kb-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;list-style:none;display:flex}.kb-block .kb-faq summary::-webkit-details-marker{display:none}.kb-block .kb-faq summary:after{content:"+";background:var(--_surface);width:28px;height:28px;color:var(--_muted);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:400;transition:transform .2s;display:grid}.kb-block .kb-faq details[open] summary:after{background:var(--_tint);color:var(--_primary);transform:rotate(45deg)}.kb-block .kb-faq details p{color:var(--_muted);padding:0 44px 20px 0}.kb-block.kb-features-icon-grid{background:var(--_surface)}.kb-block .kb-feature{border:1px solid var(--_border);border-radius:calc(var(--_radius) + 4px);background:var(--_bg);flex-direction:column;gap:10px;padding:24px;transition:border-color .15s;display:flex}.kb-block .kb-feature:hover{border-color:color-mix(in srgb,var(--_primary) 45%,var(--_border))}.kb-block .kb-feature .kb-icon{margin-bottom:6px}.kb-block.kb-features-alternating .kb-head{margin-bottom:clamp(8px,2cqi,16px)}.kb-block .kb-alt-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,6cqi,64px);padding-block:clamp(20px,4cqi,36px);display:grid}.kb-block .kb-alt-row+.kb-alt-row{border-top:1px solid var(--_border)}.kb-block .kb-alt-flip .kb-visual{order:-1}.kb-block .kb-alt-text{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.kb-block .kb-alt-text .kb-h2{font-size:clamp(20px,3cqi,28px)}.kb-block .kb-step{color:var(--_primary);letter-spacing:.04em;font-size:13px;font-weight:700}.kb-block .kb-visual{border-radius:calc(var(--_radius) + 6px);background:var(--_tint);place-items:center;min-height:220px;padding:clamp(20px,4cqi,36px);display:grid}.kb-block .kb-visual .kb-card{width:100%;max-width:340px;box-shadow:var(--_shadow)}.kb-block .kb-vis-summary,.kb-block .kb-vis-share{flex-direction:column;gap:12px;display:flex}.kb-block .kb-vis-head{font-size:14px;font-weight:700}.kb-block .kb-vis-graph{width:100%;max-width:320px;height:auto;stroke:color-mix(in srgb,var(--_primary) 45%,var(--_surface))}.kb-block .kb-vis-graph circle{fill:var(--_bg);stroke:var(--_primary)}.kb-block .kb-vis-graph .kb-node-main{fill:var(--_primary)}.kb-block .kb-vis-person{align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.kb-block .kb-vis-person .kb-avatar{width:32px;height:32px;font-size:11px}.kb-block .kb-vis-person .kb-badge{margin-left:auto}.kb-block.kb-features-bento .kb-head{max-width:560px}.kb-block .kb-bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kb-block .kb-bento .kb-card{flex-direction:column;gap:12px;min-height:180px;display:flex}.kb-block .kb-bento-lg{background:var(--_surface);grid-area:span 2/span 2}.kb-block .kb-bento-wide{grid-column:span 2}.kb-block .kb-area{width:100%;height:auto;min-height:120px;color:var(--_primary);stroke-width:2.5px;flex:1}.kb-block .kb-area path{vector-effect:non-scaling-stroke}.kb-block .kb-area .kb-area-fill{fill:color-mix(in srgb,var(--_primary) 18%,transparent);stroke:none}.kb-block .kb-bento-num{font-family:var(--_heading-font);letter-spacing:-.02em;font-size:28px;font-weight:800}.kb-block .kb-heat{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:auto;display:grid}.kb-block .kb-heat span{aspect-ratio:1;border-radius:4px}.kb-block .kb-o1{background:color-mix(in srgb,var(--_primary) 15%,var(--_surface))}.kb-block .kb-o2{background:color-mix(in srgb,var(--_primary) 35%,var(--_surface))}.kb-block .kb-o3{background:color-mix(in srgb,var(--_primary) 60%,var(--_surface))}.kb-block .kb-o4{background:color-mix(in srgb,var(--_primary) 90%,var(--_surface))}.kb-block .kb-bento-alert{flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;display:flex}.kb-block .kb-ask{border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_surface);color:var(--_muted);align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.kb-block .kb-ask svg{width:16px;height:16px}.kb-block .kb-answer{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:14px;display:flex}.kb-block .kb-answer strong{color:var(--_primary);font-family:var(--_heading-font);font-size:28px}.kb-block.kb-pricing-tiers{background:var(--_surface)}.kb-block .kb-tier{flex-direction:column;gap:14px;display:flex}.kb-block .kb-tier .kb-checks{flex:1;align-content:start;padding-block:8px;font-size:14px}.kb-block .kb-tier-hl{border:2px solid var(--_primary);box-shadow:var(--_shadow)}.kb-block .kb-tier-flag{background:var(--_primary);color:var(--_on-primary);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700}.kb-block .kb-price{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.kb-block .kb-price strong{font-family:var(--_heading-font);letter-spacing:-.02em;font-size:clamp(28px,4cqi,36px)}.kb-block .kb-compare-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:24px;display:flex}.kb-block.kb-pricing-compare .kb-head{margin-bottom:0}.kb-block .kb-toggle{border:1px solid var(--_border);background:var(--_surface);border-radius:999px;padding:4px;display:inline-flex}.kb-block .kb-toggle button{min-height:36px;color:var(--_muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600}.kb-block .kb-toggle button[aria-pressed=true]{background:var(--_bg);color:var(--_fg);box-shadow:0 1px 3px color-mix(in srgb,var(--_fg) 14%,transparent)}.kb-block .kb-save{color:var(--_primary);margin-left:4px;font-size:12px}.kb-block .kb-compare{min-width:600px}.kb-block .kb-compare tbody th{font-weight:600}.kb-block .kb-compare .kb-col-hl{background:color-mix(in srgb,var(--_primary) 6%,var(--_bg))}.kb-block .kb-compare thead .kb-col-hl{background:var(--_tint);color:var(--_fg)}.kb-block .kb-yes{color:var(--_primary);font-weight:600}.kb-block .kb-yes:before{content:"";border:2px solid;border-width:0 2px 2px 0;width:5px;height:10px;margin:0 10px 2px 2px;display:inline-block;transform:rotate(45deg)}.kb-block .kb-no{color:var(--_muted)}.kb-block.kb-stats-kpi-row{background:var(--_surface)}.kb-block .kb-kpi-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.kb-block .kb-kpi{flex-direction:column;gap:4px;padding:20px;display:flex}.kb-block .kb-kpi-label{color:var(--_muted);font-size:13px;font-weight:600}.kb-block .kb-kpi-value{font-family:var(--_heading-font);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(22px,3cqi,30px);font-weight:800}.kb-block .kb-delta{color:var(--_muted);font-size:12px;font-weight:700}.kb-block .kb-delta.kb-up{color:var(--_primary)}.kb-block .kb-spark{width:100%;height:32px;color:var(--_primary);margin-top:8px}.kb-block .kb-spark path{vector-effect:non-scaling-stroke}.kb-block.kb-stats-big-numbers .kb-head{max-width:520px}.kb-block .kb-bignums>div{border-left:2px solid var(--_border);flex-direction:column;gap:6px;padding-left:20px;display:flex}.kb-block .kb-bignums>div:first-child{border-left-color:var(--_primary)}.kb-block .kb-bignums dt{color:var(--_muted);font-size:13px;font-weight:600}.kb-block .kb-bignums dd{color:var(--_muted);font-size:14px}.kb-block .kb-bignums strong{color:var(--_fg);font-family:var(--_heading-font);letter-spacing:-.03em;margin-bottom:4px;font-size:clamp(34px,5.5cqi,52px);line-height:1.1;display:block}.kb-block.kb-testimonial-cards{background:var(--_surface)}.kb-block .kb-quote{flex-direction:column;gap:16px;display:flex}.kb-block .kb-quote blockquote{flex:1;margin:0;line-height:1.7}.kb-block .kb-quote-accent{border-color:color-mix(in srgb,var(--_primary) 40%,var(--_border));background:var(--_tint)}.kb-block .kb-stars{color:var(--_primary);letter-spacing:2px;font-size:14px}.kb-block .kb-star-off{color:var(--_border)}.kb-block .kb-person{align-items:center;gap:12px;display:flex}.kb-block .kb-person>span:last-child{flex-direction:column;line-height:1.4;display:flex}.kb-block.kb-testimonial-spotlight{background:linear-gradient(180deg,var(--_surface),var(--_bg))}.kb-block .kb-spot{text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:820px;margin:0 auto;display:flex}.kb-block .kb-spot-mark{width:48px;height:36px;color:var(--_primary)}.kb-block .kb-spot blockquote{font-family:var(--_heading-font);letter-spacing:-.015em;margin:0;font-size:clamp(20px,3.4cqi,30px);font-weight:600;line-height:1.5}.kb-block .kb-spot .kb-person{text-align:left}.kb-block .kb-spot .kb-avatar{width:48px;height:48px}.kb-block .kb-spot-stats{border-top:1px solid var(--_border);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding-top:24px;display:grid}.kb-block .kb-spot-stats div{padding:0 12px}.kb-block .kb-spot-stats div+div{border-left:1px solid var(--_border)}.kb-block .kb-spot-stats dt{color:var(--_muted);font-size:13px}.kb-block .kb-spot-stats dd{color:var(--_primary);font-family:var(--_heading-font);font-size:clamp(18px,2.6cqi,24px);font-weight:800}.kb-block.kb-cta-band{background:var(--_primary);color:var(--_on-primary)}.kb-block.kb-cta-band :focus-visible{outline-color:var(--_on-primary)}.kb-block .kb-band{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding-block:clamp(40px,7cqi,72px);display:flex}.kb-block .kb-band-text{flex-direction:column;gap:10px;max-width:640px;display:flex}.kb-block .kb-band-text p{opacity:.85}.kb-block .kb-btn-invert{background:var(--_on-primary);border-color:var(--_on-primary);color:var(--_primary)}.kb-block .kb-btn-invert:hover{background:color-mix(in srgb,var(--_on-primary) 88%,var(--_primary));color:var(--_primary)}.kb-block .kb-btn-outline{border-color:color-mix(in srgb,var(--_on-primary) 45%,transparent);color:var(--_on-primary);background:0 0}.kb-block .kb-btn-outline:hover{background:color-mix(in srgb,var(--_on-primary) 12%,transparent);color:var(--_on-primary)}.kb-block.kb-cta-split-email .kb-split{padding:clamp(24px,5cqi,48px)}.kb-block .kb-subscribe{flex-direction:column;gap:12px;display:flex}.kb-block.kb-cta-card .kb-wrap{padding-block:clamp(28px,5cqi,56px)}.kb-block .kb-mini-cta{max-width:880px;box-shadow:var(--_shadow);align-items:center;gap:20px;margin:0 auto;display:flex}.kb-block .kb-mini-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.kb-block .kb-mini-cta .kb-actions{align-items:center;gap:16px}.kb-block.kb-dashboard-shell{background:var(--_surface)}.kb-block .kb-app-wrap{max-width:1200px;padding-block:clamp(16px,4cqi,40px)}.kb-block .kb-app{border:1px solid var(--_border);border-radius:calc(var(--_radius) + 6px);background:var(--_bg);box-shadow:var(--_shadow);grid-template-columns:210px minmax(0,1fr);display:grid;overflow:hidden}.kb-block .kb-app-side{border-right:1px solid var(--_border);background:var(--_surface);flex-direction:column;gap:24px;padding:20px 14px;display:flex}.kb-block .kb-app-side .kb-logo{padding:0 8px}.kb-block .kb-app-nav{flex-direction:column;gap:2px;display:flex}.kb-block .kb-app-nav a{border-radius:calc(var(--_radius) - 2px);color:var(--_muted);white-space:nowrap;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:600;display:flex}.kb-block .kb-app-nav a:hover{background:var(--_bg);color:var(--_fg)}.kb-block .kb-app-nav a[aria-current=page]{background:var(--_tint);color:var(--_primary)}.kb-block .kb-app-nav svg{width:18px;height:18px}.kb-block .kb-app-plan{border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_bg);flex-direction:column;gap:8px;margin-top:auto;padding:12px;display:flex}.kb-block .kb-meter{background:var(--_border);border-radius:3px;height:6px;display:block;overflow:hidden}.kb-block .kb-meter span{background:var(--_primary);height:100%;display:block}.kb-block .kb-app-main{flex-direction:column;min-width:0;display:flex}.kb-block .kb-app-top{border-bottom:1px solid var(--_border);align-items:center;gap:16px;padding:14px 20px;display:flex}.kb-block .kb-app-search{border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_surface);max-width:320px;min-height:38px;color:var(--_muted);flex:1;align-items:center;gap:8px;margin-left:auto;padding:0 12px;display:flex}.kb-block .kb-app-search:focus-within{border-color:var(--_primary)}.kb-block .kb-app-search svg{width:16px;height:16px}.kb-block .kb-app-search input{width:100%;min-width:0;color:var(--_fg);font:inherit;background:0 0;border:0;outline:none;font-size:14px}.kb-block .kb-app-top .kb-avatar{width:34px;height:34px;font-size:11px}.kb-block .kb-app-content{flex-direction:column;gap:16px;padding:20px;display:flex}.kb-block .kb-app-chart .kb-kpi-head{margin-bottom:12px}.kb-block .kb-bars{width:100%;height:160px}.kb-block .kb-bars rect{fill:var(--_tint-strong);stroke:none}.kb-block .kb-bars .kb-hi{fill:var(--_primary)}.kb-block .kb-bar-labels{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:6px;display:grid}.kb-block .kb-table-top{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:16px;display:flex}.kb-block .kb-table-top .kb-chips{margin-left:auto}.kb-block.kb-dashboard-table .kb-table{min-width:680px}.kb-block .kb-cell-person{align-items:center;gap:10px;font-weight:600;display:inline-flex}.kb-block .kb-cell-person .kb-avatar{width:28px;height:28px;font-size:11px}.kb-block .kb-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.kb-block .kb-btn:disabled{opacity:.45;cursor:not-allowed}.kb-block.kb-auth-sign-in,.kb-block.kb-auth-forgot{background:radial-gradient(90% 60% at 50% 0%,var(--_tint),var(--_surface) 70%)}.kb-block .kb-auth-stage{place-items:center;display:grid}.kb-block .kb-auth-card{width:100%;max-width:420px;box-shadow:var(--_shadow);flex-direction:column;gap:24px;display:flex}.kb-block .kb-auth-head{flex-direction:column;gap:10px;display:flex}.kb-block .kb-auth-head .kb-logo{margin-bottom:8px}.kb-block .kb-auth-head .kb-h2{font-size:clamp(22px,3cqi,26px)}.kb-block .kb-auth-form{flex-direction:column;gap:16px;display:flex}.kb-block .kb-auth-foot{text-align:center}.kb-block.kb-auth-sign-up{background:var(--_surface)}.kb-block .kb-signup{max-width:920px;box-shadow:var(--_shadow);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin:0 auto;padding:0;display:grid;overflow:hidden}.kb-block .kb-signup-aside{background:var(--_tint);flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(24px,4cqi,40px);display:flex}.kb-block .kb-signup-main{flex-direction:column;gap:20px;padding:clamp(24px,4cqi,40px);display:flex}.kb-block .kb-social{gap:10px;display:grid}.kb-block .kb-divider{color:var(--_muted);align-items:center;gap:12px;font-size:13px;display:flex}.kb-block .kb-divider:before,.kb-block .kb-divider:after{content:"";background:var(--_border);flex:1;height:1px}.kb-block .kb-icon-lg{border-radius:50%;width:56px;height:56px}.kb-block .kb-icon-lg svg{width:26px;height:26px}.kb-block .kb-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kb-block .kb-steps li{border-top:3px solid var(--_border);color:var(--_muted);text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:10px;font-size:12px;display:flex}.kb-block .kb-steps span{background:var(--_surface);border-radius:50%;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.kb-block .kb-steps .kb-step-on{border-top-color:var(--_primary);color:var(--_fg);font-weight:600}.kb-block .kb-steps .kb-step-on span{background:var(--_primary);color:var(--_on-primary)}.kb-block .kb-back{color:var(--_muted);justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.kb-block .kb-back svg{width:16px;height:16px}.kb-block.kb-nav-topbar{border-bottom:1px solid var(--_border)}.kb-block .kb-announce{border-bottom:1px solid var(--_border);background:var(--_surface);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;padding:8px 16px;font-size:13px;display:flex}.kb-block .kb-topbar{align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:14px clamp(16px,4cqi,32px);display:flex}.kb-block .kb-topnav{flex:1;min-width:0}.kb-block .kb-topnav ul{justify-content:center;gap:4px;display:flex}.kb-block .kb-topnav a{border-radius:var(--_radius);color:var(--_muted);white-space:nowrap;padding:8px 12px;font-size:14px;font-weight:600;display:block}.kb-block .kb-topnav a:hover{background:var(--_surface);color:var(--_fg)}.kb-block .kb-topnav a[aria-current=page]{color:var(--_fg)}.kb-block .kb-topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.kb-block .kb-menu-btn{width:36px;padding:0;display:none}.kb-block.kb-nav-command{background:linear-gradient(180deg,var(--_tint),var(--_surface))}.kb-block .kb-cmd{border:1px solid var(--_border);border-radius:calc(var(--_radius) + 6px);background:var(--_bg);max-width:620px;box-shadow:var(--_shadow);margin:0 auto;overflow:hidden}.kb-block .kb-cmd-search{border-bottom:1px solid var(--_border);color:var(--_muted);align-items:center;gap:12px;padding:14px 18px;display:flex}.kb-block .kb-cmd-search:focus-within{box-shadow:inset 0 -2px 0 var(--_primary)}.kb-block .kb-cmd-search input{min-width:0;color:var(--_fg);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.kb-block .kb-cmd-list{flex-direction:column;gap:2px;padding:8px;display:flex}.kb-block .kb-cmd-group{color:var(--_muted);padding:10px 10px 4px;font-size:12px;font-weight:700}.kb-block .kb-cmd-item{border-radius:var(--_radius);width:100%;min-height:42px;color:var(--_fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0 10px;font-size:14px;display:flex}.kb-block .kb-cmd-item svg{width:18px;height:18px;color:var(--_muted)}.kb-block .kb-cmd-item:hover,.kb-block .kb-cmd-item.kb-active{background:var(--_tint)}.kb-block .kb-cmd-item.kb-active svg{color:var(--_primary)}.kb-block .kb-cmd-meta{color:var(--_muted);white-space:nowrap;gap:4px;margin-left:auto;font-size:12px;display:inline-flex}.kb-block .kb-cmd-foot{border-top:1px solid var(--_border);background:var(--_surface);color:var(--_muted);flex-wrap:wrap;gap:8px 16px;padding:10px 18px;font-size:12px;display:flex}.kb-block .kb-cmd-foot span{align-items:center;gap:4px;display:inline-flex}.kb-block.kb-media-player .kb-h3{margin-top:6px}.kb-block .kb-player-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3cqi,32px);display:grid}.kb-block .kb-player{flex-direction:column;gap:10px;display:flex}.kb-block .kb-screen{aspect-ratio:16/9;border-radius:calc(var(--_radius) + 4px);background:color-mix(in srgb,var(--_primary) 30%,var(--_fg));place-items:center;display:grid;position:relative;overflow:hidden}.kb-block .kb-screen-art{background:radial-gradient(circle at 75% 30%,color-mix(in srgb,var(--_primary) 70%,var(--_bg)) 0 40px,transparent 41px),linear-gradient(160deg,transparent 55%,color-mix(in srgb,var(--_primary) 55%,var(--_fg)) 55%);position:absolute;inset:0}.kb-block .kb-play{background:var(--_bg);width:64px;height:64px;color:var(--_primary);cursor:pointer;box-shadow:var(--_shadow);border:0;border-radius:50%;place-items:center;transition:transform .15s;display:grid;position:relative}.kb-block .kb-play:hover{transform:scale(1.06)}.kb-block .kb-play svg{width:26px;height:26px;margin-left:3px}.kb-block .kb-screen-tag{background:color-mix(in srgb,var(--_fg) 65%,transparent);color:var(--_bg);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:14px;left:14px}.kb-block .kb-controls{border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_surface);align-items:center;gap:10px;padding:8px 10px;display:flex}.kb-block .kb-ctl{border-radius:calc(var(--_radius) - 2px);width:34px;height:34px;color:var(--_fg);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.kb-block .kb-ctl:hover{background:var(--_bg)}.kb-block .kb-ctl svg{width:18px;height:18px}.kb-block .kb-time{color:var(--_muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.kb-block .kb-progress{background:var(--_border);border-radius:3px;flex:1;min-width:40px;height:6px;position:relative}.kb-block .kb-progress span{border-radius:inherit;background:var(--_primary);width:23%;position:absolute;inset:0 auto 0 0}.kb-block .kb-progress span:after{content:"";background:var(--_primary);width:12px;height:12px;box-shadow:0 0 0 3px var(--_surface);border-radius:50%;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.kb-block .kb-chapters{border:1px solid var(--_border);border-radius:calc(var(--_radius) + 4px);padding:16px}.kb-block .kb-chapters .kb-cmd-group{padding:0 8px 8px}.kb-block .kb-chapters ol{flex-direction:column;gap:2px;display:flex}.kb-block .kb-chapters li{border-radius:var(--_radius);gap:12px;padding:10px 8px;font-size:14px;display:flex}.kb-block .kb-chapters li span{color:var(--_muted);font-variant-numeric:tabular-nums;flex:none;padding-top:2px;font-size:12px}.kb-block .kb-chapters .kb-chapter-on{background:var(--_tint);font-weight:600}.kb-block .kb-chapters .kb-chapter-on span{color:var(--_primary)}.kb-block.kb-media-gallery .kb-gallery-head .kb-h2{flex:240px}.kb-block .kb-gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.kb-block .kb-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:180px;gap:14px;display:grid}.kb-block .kb-tile{border-radius:calc(var(--_radius) + 4px);background:var(--_tint);position:relative;overflow:hidden}.kb-block .kb-tile-tall{grid-row:span 2}.kb-block .kb-tile-wide{grid-column:span 2}.kb-block .kb-art{position:absolute;inset:0}.kb-block .kb-tile-cap{border-radius:var(--_radius);background:color-mix(in srgb,var(--_bg) 90%,transparent);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.kb-block .kb-tile-cap span{color:var(--_muted);white-space:nowrap;font-size:12px;font-weight:400}.kb-block .kb-art-sun{background:linear-gradient(180deg,transparent 64%,color-mix(in srgb,var(--_primary) 55%,var(--_fg)) 64%),radial-gradient(circle at 50% 64%,var(--_primary) 0 56px,transparent 57px),linear-gradient(180deg,color-mix(in srgb,var(--_primary) 8%,var(--_bg)),color-mix(in srgb,var(--_primary) 30%,var(--_bg)))}.kb-block .kb-art-stripes{background:repeating-linear-gradient(135deg,var(--_primary) 0 14px,color-mix(in srgb,var(--_primary) 20%,var(--_bg)) 14px 28px)}.kb-block .kb-art-rings{background:repeating-radial-gradient(circle at 30% 70%,color-mix(in srgb,var(--_primary) 70%,var(--_bg)) 0 6px,color-mix(in srgb,var(--_primary) 12%,var(--_bg)) 6px 18px)}.kb-block .kb-art-arch{background:color-mix(in srgb,var(--_primary) 14%,var(--_bg))}.kb-block .kb-art-arch:before,.kb-block .kb-art-arch:after{content:"";background:var(--_primary);border-radius:999px 999px 0 0;width:22%;height:72%;position:absolute;bottom:0}.kb-block .kb-art-arch:before{left:22%}.kb-block .kb-art-arch:after{background:color-mix(in srgb,var(--_primary) 45%,var(--_bg));height:52%;left:52%}.kb-block .kb-art-dots{background:radial-gradient(circle,var(--_primary) 0 3px,transparent 3.5px) 0 0/18px 18px,color-mix(in srgb,var(--_primary) 8%,var(--_bg))}.kb-block .kb-art-blob{background:color-mix(in srgb,var(--_primary) 10%,var(--_surface))}.kb-block .kb-art-blob:before{content:"";background:linear-gradient(135deg,var(--_primary),color-mix(in srgb,var(--_primary) 40%,var(--_bg)));border-radius:62% 38% 55% 45%/48% 60% 40% 52%;position:absolute;inset:12% 30% 30%}.kb-block.kb-footer-columns{border-top:1px solid var(--_border);background:var(--_surface)}.kb-block.kb-footer-columns .kb-wrap{padding-block:clamp(36px,6cqi,56px) 28px}.kb-block .kb-foot-grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;display:grid}.kb-block .kb-foot-brand{flex-direction:column;gap:14px;max-width:280px;display:flex}.kb-block .kb-social-link{border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_bg);width:36px;height:36px;color:var(--_muted);place-items:center;display:grid}.kb-block .kb-social-link svg{width:18px;height:18px}.kb-block .kb-foot-title{margin-bottom:12px;font-size:13px;font-weight:700}.kb-block .kb-foot-grid nav ul{flex-direction:column;gap:8px;display:flex}.kb-block .kb-foot-grid nav a{color:var(--_muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.kb-block .kb-foot-legal{border-top:1px solid var(--_border);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-top:20px;display:flex}.kb-block .kb-foot-legal ul{flex-wrap:wrap;gap:6px 20px;display:flex}.kb-block .kb-foot-legal strong{color:var(--_fg)}.kb-block.kb-footer-minimal{border-top:1px solid var(--_border)}.kb-block .kb-mini-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;max-width:1120px;margin:0 auto;padding:20px clamp(16px,5cqi,48px);display:flex}.kb-block .kb-mini-foot ul{flex-wrap:wrap;gap:4px 20px;display:flex}.kb-block .kb-mini-foot a{color:var(--_muted);font-size:14px}.kb-block .kb-mini-foot .kb-logo{font-size:15px}.kb-block .kb-mini-foot .kb-logo-mark{width:24px;height:24px}@container (width<=860px){.kb-block .kb-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-block .kb-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-block .kb-topnav{display:none}.kb-block .kb-menu-btn{display:inline-flex}.kb-block .kb-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-block .kb-foot-brand{grid-column:1/-1;max-width:none}}@container (width<=640px){.kb-block .kb-cols-3,.kb-block .kb-split,.kb-block .kb-faq-layout,.kb-block .kb-alt-row,.kb-block .kb-player-layout,.kb-block .kb-signup,.kb-block .kb-bento,.kb-block .kb-app{grid-template-columns:minmax(0,1fr)}.kb-block .kb-cols-4,.kb-block .kb-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-block .kb-alt-flip .kb-visual{order:0}.kb-block .kb-visual{min-height:180px}.kb-block .kb-bento-lg,.kb-block .kb-bento-wide{grid-area:auto}.kb-block .kb-mini-cta{flex-direction:column;align-items:flex-start}.kb-block .kb-app-side{border-right:0;border-bottom:1px solid var(--_border);flex-direction:row;align-items:center;gap:16px;padding:10px 12px;overflow-x:auto}.kb-block .kb-app-nav{flex-direction:row}.kb-block .kb-app-plan{display:none}.kb-block .kb-table-top .kb-chips{margin-left:0}.kb-block .kb-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}.kb-block .kb-tile-wide:last-child{grid-column:auto}}@container (width<=400px){.kb-block .kb-cols-4,.kb-block .kb-gallery,.kb-block .kb-spot-stats{grid-template-columns:minmax(0,1fr)}.kb-block .kb-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-block .kb-mock-body{grid-template-columns:minmax(0,1fr)}.kb-block .kb-mock-side,.kb-block .kb-hide-narrow,.kb-block .kb-controls .kb-ctl:nth-of-type(2){display:none}.kb-block .kb-spot-stats{gap:12px}.kb-block .kb-spot-stats div+div{border-top:1px solid var(--_border);border-left:0;padding-top:12px}.kb-block .kb-tile-wide,.kb-block .kb-tile-tall{grid-area:auto}.kb-block .kb-app-top{gap:10px;padding:12px}}@media (prefers-reduced-motion:reduce){.kb-block *,.kb-block :before,.kb-block :after{transition:none!important}.kb-block .kb-play:hover{transform:none}}.knowledge{--kn-ink:#252422;--kn-muted:#6b655c;--kn-line:#d9d2c5;--kn-soft:#f1ede2;--kn-accent:#eb5e28;--kn-accent-text:#c94a17;max-width:1180px;color:var(--kn-ink);margin:0 auto;padding:22px 0 64px;font-size:13px;line-height:1.55}.knowledge *,.knowledge :before,.knowledge :after{box-sizing:border-box}.knowledge :is(h2,h3,h4,p){margin:0}.knowledge :is(button,input,select,textarea){font:inherit}.knowledge button{cursor:pointer}.knowledge :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--kn-accent);outline-offset:3px}.kn-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kn-tabs{border:1px solid var(--kn-line);background:#fff;border-radius:12px;flex-wrap:wrap;gap:4px;margin-bottom:26px;padding:4px;display:flex}.kn-tabs button{color:var(--kn-muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;display:inline-flex}.kn-tabs button:hover{background:var(--kn-soft);color:var(--kn-ink)}.kn-tabs button[aria-current=page]{background:var(--kn-ink);color:#fffcf2}.kn-tabs span{background:#0000000d;border-radius:999px;padding:0 6px;font-size:11px}.kn-tabs button[aria-current=page] span{background:#ffffff26}.kn-alert{color:#8a2e22;background:#b8402f1f;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:13px}.kn-head{border-bottom:1px solid var(--kn-line);margin-bottom:6px;padding:6px 0 28px}.kn-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--kn-muted);font-size:10px;font-weight:600}.kn-head h2{letter-spacing:-.03em;max-width:820px;font-size:36px;font-weight:650;line-height:1.12;margin-top:10px!important}.kn-head>p{color:#45423d;max-width:760px;font-size:15px;line-height:1.7;margin-top:12px!important}.kn-head-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.kn-stats{flex-wrap:wrap;gap:28px;margin:24px 0 0;display:flex}.kn-stats dt{color:var(--kn-muted);font-size:11px}.kn-stats dd{margin:2px 0 0;font-size:20px;font-weight:650}.kn-detail-head{border-bottom:1px solid var(--kn-line);padding:12px 0 22px}.kn-detail-head h2{letter-spacing:-.025em;font-size:32px;font-weight:650;line-height:1.15;margin-top:10px!important}.kn-detail-head>p{color:#45423d;max-width:760px;font-size:15px;line-height:1.7;margin-top:10px!important}.kn-section{border-bottom:1px solid var(--kn-line);padding:30px 0}.kn-section:last-child{border-bottom:0}.kn-section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.kn-section h3,.kn-sub{letter-spacing:-.015em;font-size:19px;font-weight:650}.kn-sub{margin:26px 0 14px!important}.kn-section-head p,.kn-muted{color:var(--kn-muted);font-size:13px;margin-top:4px!important}.kn-n{color:var(--kn-muted);margin-left:4px;font-size:12px;font-weight:500}.kn-primary,.kn-ghost{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-flex}.kn-primary{border:1px solid var(--kn-accent);background:var(--kn-accent);color:#fff!important}.kn-primary:hover{background:#d9511d}.kn-primary:disabled{opacity:.55;cursor:progress}.kn-ghost{border:1px solid var(--kn-line);background:#fff;color:var(--kn-ink)!important}.kn-ghost:hover{background:var(--kn-soft)}.kn-ghost.danger{color:#b8402f!important}.kn-link{text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13px;text-decoration:underline;display:inline-flex;color:var(--kn-accent-text)!important}.kn-back{color:var(--kn-muted);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:8px;padding:6px 8px 6px 0;font-size:13px;display:inline-flex}.kn-back:hover{color:var(--kn-ink)}.kn-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.kn-note{color:var(--kn-muted);font-size:12px;margin-top:14px!important}.kn-badge{background:var(--kn-soft);color:var(--kn-muted);border-radius:999px;align-items:center;padding:5px 8px;font-size:11px;line-height:1;display:inline-flex}.kn-badge.mine{color:var(--kn-accent-text);background:#eb5e281f}.kn-badges{flex-wrap:wrap;gap:6px;display:flex}.kn-cx{border:1px solid var(--kn-line);color:var(--kn-muted);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px}.kn-cx.high{color:#8a6212;border-color:#e0a83b}.kn-cx.medium{border-color:#bfb7a9}.kn-cx.low{color:#3f6a2c;border-color:#8fb573}.kn-tags{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.kn-tags span{border:1px solid var(--kn-line);color:var(--kn-muted);background:#fff;border-radius:6px;padding:3px 7px;font:11px ui-monospace,SFMono-Regular,monospace}.kn-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.kn-chips :is(a,button){border:1px solid var(--kn-line);color:var(--kn-ink);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;text-decoration:none}.kn-chips :is(a,button):hover{background:var(--kn-soft)}.kn-home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.kn-home-card{border:1px solid var(--kn-line);text-align:left;color:var(--kn-ink);background:#fff;border-radius:16px;align-content:start;gap:8px;padding:22px;transition:transform .18s,box-shadow .18s;display:grid}.kn-home-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -20px #25242288}.kn-count{letter-spacing:-.03em;color:var(--kn-accent);font-size:32px;font-weight:700}.kn-home-card strong{font-size:18px}.kn-home-card p{color:var(--kn-muted);font-size:13px;line-height:1.6}.kn-cta{color:var(--kn-accent-text);align-items:center;gap:6px;margin-top:6px;font-size:13px;display:inline-flex}.kn-add-strip{text-align:left;width:100%;color:var(--kn-ink);background:#fbf9f3;border:1px dashed #bfb7a9;border-radius:14px;align-items:center;gap:14px;margin-top:14px;padding:16px 20px;display:flex}.kn-add-strip span{flex:1}.kn-add-strip strong,.kn-add-strip small{display:block}.kn-add-strip small{color:var(--kn-muted);margin-top:2px}.kn-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.kn-steps li{border:1px solid var(--kn-line);background:#fff;border-radius:14px;padding:18px}.kn-steps span{background:var(--kn-ink);color:#fffcf2;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:650;display:grid}.kn-steps strong{margin:12px 0 4px;font-size:15px;display:block}.kn-steps p{color:var(--kn-muted);font-size:13px}.kn-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.kn-search{border:1px solid var(--kn-line);min-width:220px;max-width:420px;color:var(--kn-muted);background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.kn-search.wide{max-width:560px;margin-top:18px}.kn-search input{min-width:0;height:38px;color:var(--kn-ink);background:0 0;border:0;outline:0;flex:1}.kn-search:focus-within{border-color:var(--kn-accent);box-shadow:0 0 0 3px #eb5e2826}.kn-theme{color:var(--kn-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.kn-theme select{border:1px solid var(--kn-line);max-width:240px;height:38px;color:var(--kn-ink);background:#fff;border-radius:10px;padding:0 10px}.kn-theme small{font-size:12px}.kn-error{color:#b8402f}.kn-theme-swatches{display:inline-flex}.kn-theme-swatches i{border-radius:50%;width:16px;height:16px;margin-left:-4px;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #0000001a}.kn-seg{border:1px solid var(--kn-line);background:var(--kn-soft);border-radius:10px;flex-wrap:wrap;gap:2px;margin:0;padding:3px;display:inline-flex}.kn-seg label{color:var(--kn-muted);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;display:inline-flex;position:relative}.kn-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.kn-seg label:has(:checked){color:var(--kn-ink);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.kn-seg label:has(:focus-visible){outline:3px solid var(--kn-accent);outline-offset:2px}.kn-thumb{border-bottom:1px solid var(--kn-line);pointer-events:none;background:#fff;height:190px;position:relative;overflow:hidden}.kn-thumb-inner{transform-origin:0 0;width:1100px;transform:scale(.3)}.kn-thumb.user{color:var(--kn-muted);background:var(--kn-soft);place-items:center;display:grid}.kn-block-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.kn-block-card{border:1px solid var(--kn-line);text-align:left;color:var(--kn-ink);background:#fff;border-radius:14px;align-content:start;gap:4px;padding:0 0 16px;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.kn-block-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -20px #25242288}.kn-block-card>span{color:var(--kn-accent-text);align-items:center;gap:6px;margin:12px 16px 0;font-size:11px;display:flex}.kn-block-card strong{margin:0 16px;font-size:15px}.kn-block-card small{color:var(--kn-muted);margin:0 16px;font-size:12px;line-height:1.5}.kn-cat-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.kn-cat-card{border:1px solid var(--kn-line);text-align:left;color:var(--kn-ink);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:0 0 14px;display:grid;overflow:hidden}.kn-cat-card:hover{border-color:#bfb7a9}.kn-cat-card strong{margin-left:16px;font-size:15px}.kn-cat-card>span{color:var(--kn-muted);margin-right:16px;font-size:12px}.kn-cat-stack{background:var(--kn-soft);border-bottom:1px solid var(--kn-line);grid-column:1/-1;height:170px;position:relative;overflow:hidden}.kn-cat-stack .kn-thumb{border:1px solid var(--kn-line);border-radius:10px;width:78%;height:140px;position:absolute;box-shadow:0 8px 20px -14px #25242288}.kn-cat-stack .kn-thumb:first-child{z-index:3;top:14px;left:6%}.kn-cat-stack .kn-thumb:nth-child(2){z-index:2;opacity:.9;top:22px;left:13%}.kn-cat-stack .kn-thumb:nth-child(3){z-index:1;opacity:.8;top:30px;left:20%}.kn-cat-stack .kn-thumb-inner{transform:scale(.24)}.kn-more,.kn-count-line{color:var(--kn-muted);font-size:13px;margin:18px 0 14px!important}.kn-empty{text-align:center;color:var(--kn-muted);border:1px dashed var(--kn-line);border-radius:14px;justify-items:center;gap:6px;padding:40px 16px;display:grid}.kn-empty strong{color:var(--kn-ink);font-size:15px}.kn-stage{border:1px solid var(--kn-line);background:#ede9df;border-radius:16px;padding:20px}.kn-frame{background:var(--kb-bg,#fff);border-radius:10px;max-width:100%;margin:auto;overflow:hidden;box-shadow:0 20px 50px -30px #25242288}.kn-frame.mobile{max-width:390px}.kn-sandbox{border:1px solid var(--kn-line);background:#fff;border-radius:14px;width:100%;display:block}.kn-src summary{cursor:pointer;color:var(--kn-muted);margin-top:14px;font-size:13px}.kn-src pre,.kn-prompt pre{color:#ede6d8;white-space:pre-wrap;overflow-wrap:anywhere;background:#23211f;border-radius:10px;max-height:320px;margin:8px 0 0;padding:14px;font:12px/1.6 ui-monospace,SFMono-Regular,monospace;overflow:auto}.kn-stack-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.kn-stack{border:1px solid var(--kn-line);text-align:left;color:var(--kn-ink);background:#fff;border-radius:14px;align-content:start;gap:10px;padding:20px;display:grid}.kn-stack.user{border-style:dashed}.kn-stack header{justify-content:space-between;align-items:center;gap:10px;display:flex}.kn-stack h4{letter-spacing:-.01em;font-size:17px}.kn-tagline{color:#45423d;font-weight:600}.kn-stack p{color:#45423d;font-size:13px;line-height:1.6}.kn-stack dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.kn-stack dt{color:var(--kn-muted);font-size:11px}.kn-stack dd{margin:2px 0 0;font-size:13px}.kn-cmd{border:1px solid var(--kn-line);color:var(--kn-ink);text-align:left;background:#fbf9f3;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.kn-cmd code{overflow-wrap:anywhere;font-size:12px}.kn-best{color:var(--kn-muted)!important;font-size:12px!important}.kn-best strong{color:var(--kn-ink)}.kn-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.kn-list button{border:1px solid var(--kn-line);text-align:left;color:var(--kn-ink);background:#fff;border-radius:12px;gap:6px;padding:16px 18px;display:grid}.kn-list button:hover{background:#fdfcf8;border-color:#bfb7a9}.kn-list-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.kn-list-title strong{font-size:15px}.kn-list-text{color:var(--kn-muted);align-items:flex-start;gap:6px;font-size:13px;line-height:1.55;display:flex}.kn-list-text svg{color:var(--kn-accent);flex-shrink:0;margin-top:4px}.kn-anchors{z-index:2;border-bottom:1px solid var(--kn-line);background:#fffcf2;flex-wrap:wrap;gap:4px;padding:10px 0;display:flex;position:sticky;top:0}.kn-anchors a{color:var(--kn-muted);border-radius:7px;padding:6px 10px;font-size:12px;text-decoration:none}.kn-anchors a:hover{background:var(--kn-soft);color:var(--kn-ink)}.kn-spec{border-bottom:1px solid #ece7dc;padding:24px 0;scroll-margin-top:60px}.kn-spec h3{font-size:17px;margin-bottom:10px!important}.kn-spec p,.kn-spec li{color:#3a3833;font-size:14px;line-height:1.75}.kn-spec ul{gap:6px;margin:0;padding-left:20px;display:grid}.kn-spec.donts li::marker{content:"✕  ";color:#b8402f}.kn-flow-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.kn-flow{border:1px solid var(--kn-line);text-align:left;color:var(--kn-ink);background:#fff;border-radius:14px;align-content:start;gap:8px;padding:20px;display:grid}.kn-flow:hover{border-color:#bfb7a9;box-shadow:0 14px 30px -24px #25242288}.kn-flow-meta{color:var(--kn-muted);align-items:center;gap:8px;font-size:12px;display:flex}.kn-flow strong{letter-spacing:-.01em;font-size:16px}.kn-flow p{color:#45423d;font-size:13px;line-height:1.6}.kn-flow .kn-tags{margin-top:2px}.kn-callout{background:var(--kn-soft);border-radius:16px;margin-top:10px;border:1px solid var(--kn-line)!important;padding:26px!important}.kn-callout p{color:var(--kn-muted);margin:6px 0 14px!important}.kn-flow-io{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.kn-flow-io section{border:1px solid var(--kn-line);background:#fff;border-radius:14px;padding:18px}.kn-flow-io h3{font-size:14px;margin-bottom:8px!important}.kn-flow-io ul{gap:4px;margin:0;padding-left:18px;display:grid}.kn-flow-io li,.kn-flow-io p{font-size:13px;line-height:1.65}.kn-flow-io .donts li::marker{content:"✕  ";color:#b8402f}.kn-flow-steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.kn-flow-steps>li{border-bottom:1px solid #ece7dc;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:22px 0;display:grid}.kn-step-n{background:var(--kn-ink);color:#fffcf2;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:650;display:grid}.kn-flow-steps h3{font-size:16px;margin:4px 0 6px!important}.kn-flow-steps p{color:#3a3833;font-size:14px;line-height:1.7}.kn-prompt{border:1px solid var(--kn-line);background:#fff;border-radius:10px;margin-top:12px;overflow:hidden}.kn-prompt header{color:var(--kn-muted);border-bottom:1px solid var(--kn-line);background:#fbf9f3;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;display:flex}.kn-prompt header button{border:1px solid var(--kn-line);color:var(--kn-ink);background:#fff;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:12px;display:inline-flex}.kn-prompt pre{border-radius:0;margin:0}.kn-feature{color:var(--kn-accent-text);text-underline-offset:3px;align-items:center;gap:6px;margin-top:12px;font-size:13px;text-decoration:underline;display:inline-flex}.kn-mine{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:20px;margin-top:22px;display:grid}.kn-form{border:1px solid var(--kn-line);background:#fff;border-radius:16px;gap:14px;padding:22px;display:grid}.kn-form h3{font-size:17px}.kn-form label{color:var(--kn-muted);gap:6px;font-size:12px;display:grid}.kn-form :is(input,select,textarea){border:1px solid var(--kn-line);width:100%;color:var(--kn-ink);background:#fffefa;border-radius:9px;padding:9px 11px;font-size:13px}.kn-form textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.6}.kn-form .kn-seg{justify-self:start}.kn-form .kn-seg label{font-size:12px;display:inline-flex}.kn-form .kn-seg input{width:auto;padding:0}.kn-form-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kn-mine-list h3{font-size:17px;margin-bottom:12px!important}.kn-mine-list ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.kn-mine-list button{border:1px solid var(--kn-line);text-align:left;width:100%;color:var(--kn-ink);background:#fff;border-radius:12px;justify-items:start;gap:4px;padding:14px 16px;display:grid}.kn-mine-list small{color:var(--kn-muted)}.kn-md{border:1px solid var(--kn-line);background:#fff;border-radius:14px;margin-top:20px;padding:22px}@media (width<=900px){.kn-list,.kn-flow-io,.kn-mine,.kn-steps{grid-template-columns:1fr}}@media (width<=640px){.kn-home-grid,.kn-form-2{grid-template-columns:1fr}.kn-head h2{font-size:28px}.kn-detail-head h2{font-size:26px}.kn-block-grid,.kn-stack-grid,.kn-flow-grid,.kn-cat-grid{grid-template-columns:1fr}.kn-stage{padding:10px}.kn-flow-steps>li{grid-template-columns:32px minmax(0,1fr);gap:10px}}@media (prefers-reduced-motion:reduce){.kn-home-card,.kn-block-card{transition:none}}.portal{--portal-raw-ink:#11120f;--portal-raw-paper:#f4f3ed;--portal-raw-accent:#c8f75a;--portal-surface:#181a16;--portal-raised:#20231d;--portal-text:var(--portal-raw-paper);--portal-muted:#b2b8a7;--portal-border:#424839;--portal-focus:var(--portal-raw-accent);--portal-action-bg:var(--portal-raw-accent);--portal-action-text:var(--portal-raw-ink);--portal-radius:12px;--portal-space:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--portal-text);background:var(--portal-surface);border:1px solid var(--portal-border);border-radius:16px;padding:28px}.portal[data-theme=light]{--portal-surface:var(--portal-raw-paper);--portal-raised:#fff;--portal-text:var(--portal-raw-ink);--portal-muted:#555c4d;--portal-border:#b5bba9;--portal-focus:#466600;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.portal button,.portal input,.portal select,.portal textarea{font:inherit}.portal :is(button,input,textarea,select,a,summary):focus-visible{outline:3px solid var(--portal-focus);outline-offset:3px}.portal button:disabled{opacity:.5;cursor:not-allowed}.portal-heading,.portal-detail-title{justify-content:space-between;align-items:flex-start;gap:var(--portal-space);display:flex}.portal-heading h2{letter-spacing:-.04em;margin:9px 0;font-size:28px}.portal p{line-height:1.65}.portal-heading p,.portal-footnote{color:var(--portal-muted);margin:0;font-size:13px}.portal-overline{letter-spacing:.18em;color:var(--portal-muted);font-size:10px;font-weight:700}.portal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-button,.portal-primary{border:1px solid var(--portal-border);background:var(--portal-raised);min-height:40px;color:var(--portal-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.portal-primary{background:var(--portal-action-bg);color:var(--portal-action-text);border-color:#0000}.portal-button:hover:not(:disabled){border-color:var(--portal-text)}.portal-text-button{color:var(--portal-text);cursor:pointer;text-align:left;text-underline-offset:4px;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:13px;text-decoration:underline;display:inline-flex}.portal-tabs{border-bottom:1px solid var(--portal-border);gap:8px;margin:28px 0 24px;display:flex;overflow:auto}.portal-tabs button{color:var(--portal-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:12px 14px;font-size:13px}.portal-tabs button[aria-current]{border-bottom-color:var(--portal-focus);color:var(--portal-text);font-weight:700}.portal-tabs span{opacity:.7;margin-left:6px;font-size:11px}.portal-overview{border:1px solid var(--portal-border);border-radius:var(--portal-radius);grid-template-columns:repeat(3,1fr) 1.5fr;margin-bottom:24px;display:grid}.portal-overview>div{border-right:1px solid var(--portal-border);flex-direction:column;gap:10px;padding:20px;display:flex}.portal-overview>div:last-child{border:0}.portal-overview span{color:var(--portal-muted);font-size:12px}.portal-overview strong{font-size:30px;font-weight:600}.portal-overview small{color:var(--portal-muted);margin-left:6px;font-size:11px;font-weight:400}.portal-overview .portal-overview-note{flex-direction:row;align-items:center;gap:16px}.portal-overview-note p{margin:0;font-size:13px}.portal-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-search{flex:1;align-items:center;gap:8px;min-width:180px;display:flex}.portal-search svg{color:var(--portal-muted);flex-shrink:0}.portal input,.portal select,.portal textarea,.portal-editor input,.portal-editor select,.portal-editor textarea{border:1px solid var(--portal-border);background:var(--portal-raised);color:var(--portal-text);min-width:0;font:inherit;border-radius:8px;padding:10px 12px;font-size:13px}.portal input::placeholder{color:var(--portal-muted)}.portal-search input{width:100%}.portal-tag-filter{width:110px}.portal-toolbar select{max-width:150px}.portal-list-heading{justify-content:space-between;align-items:center;gap:12px;margin:25px 0 12px;display:flex}.portal-list-heading h3{margin:0;font-size:15px}.portal-list-heading h3 span{color:var(--portal-muted);margin-left:8px;font-size:12px}.portal-table-wrap{border-top:1px solid var(--portal-border);overflow-x:auto}.portal-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%;font-size:12px}.portal-table th{color:var(--portal-muted);border-bottom:1px solid var(--portal-border);padding:13px 12px;font-weight:500}.portal-table td{border-bottom:1px solid var(--portal-border);vertical-align:top;overflow-wrap:anywhere;padding:18px 12px}.portal-table th:first-child{width:51%}.portal-table th:nth-child(2){width:14%}.portal-table th:nth-child(3){width:17%}.portal-table small{color:var(--portal-muted);margin-top:7px;font-size:11px;line-height:1.5;display:block}.portal-resource-link{text-align:left;color:var(--portal-text);cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:13px;width:100%;padding:0;display:flex}.portal-resource-link svg{flex:none;margin-top:2px}.portal-resource-link strong{font-size:14px;line-height:1.4}.portal-resource-link:hover strong{text-decoration:underline}.portal-resource-link small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:400;display:-webkit-box;overflow:hidden}.portal-tags{flex-wrap:wrap;gap:5px;margin:9px 0 0 33px;display:flex}.portal-tags span{color:var(--portal-muted);border:1px solid var(--portal-border);border-radius:4px;padding:2px 5px;font-size:10px}.portal-status{border:1px solid var(--portal-border);white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-block}.portal-status.published{background:var(--portal-action-bg);color:var(--portal-action-text);border-color:#0000}.portal-status.archived{opacity:.65}.portal-status.deprecated{text-decoration:line-through}.portal-empty{text-align:center;border:1px dashed var(--portal-border);border-radius:var(--portal-radius);color:var(--portal-muted);padding:52px 20px}.portal-empty h3{color:var(--portal-text);font-size:20px}.portal-empty p{max-width:420px;margin:0 auto 22px;font-size:13px}.portal-pagination{justify-content:center;align-items:center;gap:18px;margin:22px 0;font-size:12px;display:flex}.portal-footnote{margin-top:22px;font-size:11px}.portal-notice,.portal-error{border:1px solid var(--portal-border);background:var(--portal-raised);border-radius:10px;padding:14px 16px;font-size:13px}.portal-error{border-width:2px}.portal-error p{margin:6px 0 10px}.portal-detail-title{border-bottom:1px solid var(--portal-border);padding:22px 0}.portal-detail-title h3{margin:7px 0;font-size:28px}.portal-detail-title p{color:var(--portal-muted);max-width:600px;font-size:13px}.portal-kicker{color:var(--portal-muted);font-size:11px}.portal-detail-grid{grid-template-columns:minmax(0,1fr) 270px;gap:32px;padding-top:26px;display:grid}.portal-document{min-width:0}.portal-document h4,.portal-inspector h4{margin:24px 0 12px;font-size:14px}.portal-document h4:first-child,.portal-inspector h4:first-child{margin-top:0}.portal-prose{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--portal-text);font-size:13px;line-height:1.85}.portal-inspector{border-left:1px solid var(--portal-border);padding-left:24px}.portal-inspector dl,.portal-reference dl{gap:5px;margin:0;font-size:12px;display:grid}.portal-inspector dt,.portal-reference dt{color:var(--portal-muted);margin-top:10px}.portal-inspector dd,.portal-reference dd{overflow-wrap:anywhere;margin:0}.portal-inspector p,.portal-related p{color:var(--portal-muted);font-size:12px}.portal-management{gap:8px;display:grid}.portal-inspector details{margin-top:26px;font-size:12px}.portal-inspector summary{cursor:pointer;padding:8px 0}.portal-audit{padding-left:16px}.portal-audit li{padding:7px 0}.portal-audit small{color:var(--portal-muted);font-size:10px;display:block}.portal-version{border-bottom:1px solid var(--portal-border);align-items:center;gap:10px;padding:7px 0;display:flex}.portal-version small{color:var(--portal-muted);font-size:10px}.portal-version button:last-child{margin-left:auto}.portal-dos{grid-template-columns:1fr 1fr;gap:18px;display:grid}.portal-dos section{border-top:2px solid var(--portal-border);margin-top:20px}.portal-dos ul{padding-left:18px;font-size:12px;line-height:1.8}.portal-related{border-top:1px solid var(--portal-border);margin-top:28px}.portal-related button{display:flex}.portal-reference{border:1px solid var(--portal-border);border-radius:var(--portal-radius);padding:18px}.portal-reference a{color:var(--portal-text)}.portal-token-preview{border:1px solid var(--portal-border);border-radius:var(--portal-radius);grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;display:grid}.portal-token-preview span{color:var(--portal-muted);margin-bottom:10px;font-size:11px;display:block}.portal-token-preview strong{font-size:14px}.portal-color{align-items:center;gap:8px;display:flex}.portal-color code{overflow-wrap:anywhere;font-size:12px}.portal-color svg{flex:none}.portal-preview{background:var(--portal-raised);border:1px solid var(--portal-border);border-radius:var(--portal-radius);padding:20px}.portal-preview>span,.portal-preview>small{color:var(--portal-muted);font-size:11px}.portal-preview>div{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;display:flex}.portal-attachment{border:1px solid var(--portal-border);border-radius:var(--portal-radius);gap:14px;margin:22px 0;padding:18px;display:flex}.portal-attachment>svg{flex:none}.portal-attachment>div{min-width:0}.portal-attachment small,.portal-attachment code{color:var(--portal-muted);overflow-wrap:anywhere;margin-top:8px;font-size:10px;display:block}.portal-editor{border:1px solid var(--portal-border);background:var(--portal-surface);width:calc(100% - 32px);max-width:760px;max-height:90vh;color:var(--portal-text);border-radius:16px;padding:26px;overflow:auto}.portal-editor::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a}.portal-editor-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.portal-editor-title h2{margin:8px 0;font-size:22px}.portal-editor p{color:var(--portal-muted);font-size:12px;line-height:1.65}.portal-editor fieldset{border:0;min-width:0;margin:0;padding:0}.portal-editor label{color:var(--portal-muted);gap:7px;margin:15px 0;font-size:12px;display:grid}.portal-editor input,.portal-editor select,.portal-editor textarea{width:100%}.portal-editor textarea{resize:vertical;line-height:1.65}.portal-editor label small{font-size:11px;line-height:1.5}.portal-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.portal-editor .portal-reference-fields{border:1px solid var(--portal-border);border-radius:var(--portal-radius);margin:20px 0;padding:16px}.portal-reference-fields legend{color:var(--portal-muted);padding:0 8px;font-size:12px}.portal-editor select[multiple]{min-height:110px}.portal-editor-footer{border-top:1px solid var(--portal-border);justify-content:flex-end;gap:9px;padding-top:18px;display:flex}.portal-upload{border:1px dashed var(--portal-border);border-radius:var(--portal-radius);padding:16px}.portal-upload>span{align-items:center;gap:8px;display:flex}@media (width<=1280px){.portal-detail-grid{grid-template-columns:minmax(0,1fr)}.portal-inspector{border-left:0;border-top:1px solid var(--portal-border);padding:22px 0 0}.portal-overview{grid-template-columns:repeat(3,1fr)}.portal-overview .portal-overview-note{display:none}.portal-overview>div:nth-child(3){border-right:0}}@media (width<=760px){.portal{padding:16px}.portal-heading{display:grid}.portal-heading h2{font-size:24px}.portal-tabs{margin:20px 0}.portal-tabs button{padding:10px 7px;font-size:12px}.portal-overview>div{padding:14px 10px}.portal-overview strong{font-size:24px}.portal-overview small{margin:4px 0 0;display:block}.portal-table{table-layout:auto;min-width:0}.portal-table th:nth-child(2),.portal-table td:nth-child(2),.portal-table th:nth-child(4),.portal-table td:nth-child(4){display:none}.portal-table th:first-child{width:74%}.portal-table td{padding:16px 5px}.portal-resource-link{gap:8px}.portal-resource-link strong{font-size:13px}.portal-tags{margin-left:28px}.portal-toolbar{gap:8px}.portal-search{flex-basis:100%}.portal-tag-filter{width:90px}.portal-toolbar select{max-width:115px;padding:10px 6px;font-size:12px}.portal-detail-title{display:grid}.portal-token-preview{grid-template-columns:1fr;padding:16px}.portal-dos,.portal-form-grid{grid-template-columns:1fr;gap:0}.portal-editor{padding:18px}.portal-detail-title h3{overflow-wrap:anywhere;font-size:24px}.sidebar nav{grid-template-columns:repeat(5,1fr)}.portal-pagination{gap:10px}.portal-overview{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.portal-start{padding:28px 0}.portal-start>div:first-child>span{letter-spacing:2px;color:var(--portal-muted);font-size:10px}.portal-start h3{margin:10px 0;font-size:24px}.portal-start p{color:var(--portal-muted);font-size:13px}.portal-start>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.portal-start button{text-align:left;background:var(--portal-raised);color:var(--portal-text);border:1px solid var(--portal-border);cursor:pointer;border-radius:14px;flex-direction:column;gap:9px;padding:22px;display:flex;position:relative}.portal-start button strong{font-size:16px}.portal-start button span{color:var(--portal-muted);font-size:11px}.portal-start button b{position:absolute;top:16px;right:16px}.portal-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.portal-resource-card{background:var(--portal-raised);border:1px solid var(--portal-border);border-radius:16px;min-width:0;transition:box-shadow .15s;overflow:hidden}.portal-resource-card:hover{box-shadow:0 8px 24px #20331015}.portal-resource-card .rp{border-radius:0;height:215px;padding:20px}.portal-card-kind{color:var(--portal-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;display:flex}.portal-card-body .portal-resource-link{justify-content:space-between;align-items:center;width:100%;min-width:0;padding:0;display:flex}.portal-card-body .portal-resource-link>strong{overflow-wrap:anywhere;font-size:18px}.portal-card-body .portal-resource-link>span{white-space:nowrap;font-size:10px}.portal-card-body p{min-height:40px;color:var(--portal-muted);margin:10px 0;font-size:12px}.portal-card-body>small{color:var(--portal-muted);font-size:10px}.portal-preview-actions{flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;display:flex}.portal-preview-actions>span{flex:1;font-size:12px}.portal-visual-preview>small{color:var(--portal-muted);font-size:11px}.portal-playground{margin-bottom:28px}.portal-playground .rp{min-height:280px}.portal-document .portal-prose{white-space:normal;font-size:13px}.portal-prose h4{margin:22px 0 12px;font-size:16px}.portal-prose p{overflow-wrap:anywhere;margin:6px 0}.portal-inspector{font-size:12px}.portal-detail-grid{grid-template-columns:minmax(0,1fr) 240px}@media (width<=1100px){.portal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-start>div:last-child,.portal-detail-grid{grid-template-columns:1fr}}@media (width<=600px){.portal-card-grid{grid-template-columns:1fr}.portal{padding:16px}.portal-heading h2{font-size:24px}.portal-start{padding:16px 0}.portal-preview-actions>span{flex-basis:100%}}.portal-card-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.portal-resource-card{border-radius:12px}.portal-resource-card .portal-visual-preview{position:relative}.portal-resource-card .rp{justify-content:flex-start;height:125px;min-height:125px;padding:12px;font-size:11px;overflow:auto}.portal-resource-card .rp>div,.portal-resource-card .rp>label{flex-shrink:0;width:100%}.portal-resource-card .rp button{padding:7px 9px;font-size:10px}.portal-resource-card .rp-row{gap:6px}.portal-resource-card .rp small{font-size:9px}.portal-resource-card .rp-field{gap:4px}.portal-resource-card .rp-card{padding:10px}.portal-resource-card .rp-card strong{margin:5px 0;font-size:13px}.portal-resource-card .rp-card p{font-size:10px}.portal-resource-card .rp-navigation{gap:3px;padding:4px}.portal-resource-card .rp-tokens{gap:8px}.portal-resource-card .rp-tokens i{height:45px}.portal-resource-card .rp-guide strong{margin-top:6px;font-size:13px}.portal-resource-card .rp-guide p{font-size:10px}.portal-resource-card .rp-tokens code{font-size:9px}.portal-card-body{padding:10px}.portal-card-kind{gap:4px;margin-bottom:7px;font-size:8px}.portal-card-kind>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-card-body .portal-resource-link>strong{font-size:13px}.portal-card-body .portal-resource-link>span{font-size:0}.portal-card-body .portal-resource-link>span:after{content:"↗";font-size:12px}.portal-card-body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;margin:7px 0 0;font-size:10px;display:-webkit-box;overflow:hidden}.portal-card-body>small{display:none}.portal-resource-card .rp-notice{color:#3d5b2c;pointer-events:none;background:#edf4e8;margin:0;padding:5px 8px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.rp-tab-content{padding:0 8px;font-size:11px}.rp-navigation button.active{background:#edf3e4;border-color:#75914f}@media (width<=1300px){.portal-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.portal-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.portal-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portal-resource-card .rp{padding:8px}.portal-card-kind{flex-wrap:wrap}}@media (width<=370px){.portal-card-grid{grid-template-columns:1fr}}.portal-resource-card .rp{align-items:safe center}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ccc5b9;--rail:#1e1d1b;--bg:#35322f;--panel:#3b3834;--panel-2:#423e3a;--raised:#423e3a;--hover:#4b4640;--selected:#524d47;--line-soft:#2e2b28;--line:#262422;--line-strong:#1c1b19;--text-strong:#fffcf2;--text:#ccc5b9;--muted:#aba49a;--faint:#857e74;--accent:#eb5e28;--accent-hover:#f2703d;--accent-text:#f5834f;--inverse:#2a211d;--acid:#eb5e28;--blue:#8cb5ff;--red:#e0645c;--good:#8fb573;--warn:#e0a83b;background:#35322f;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0%, #4b3c33 0, transparent 32%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button,a,summary,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:#eb5e2833}:is(button,a,summary,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #eb5e28}:is(h1,h2,h3,h4,h5,h6){text-wrap:balance;scroll-margin-top:24px}.skip-link{z-index:1000;color:#fff;background:#4b4640;border-radius:8px;padding:10px 14px;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#252422e8;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;align-items:center;gap:11px;padding:0 8px 28px;font:500 13px/1.12 Manrope,sans-serif;display:flex}.brand strong{letter-spacing:.16em;font-size:16px}.brand-mark{color:#111;background:var(--acid);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 28px #eb5e2828}.brand-mark.large{border-radius:16px;width:52px;height:52px;margin-bottom:22px}nav{gap:6px;display:grid}.nav,.quiet,.icon-button{cursor:pointer;background:0 0;border:0}.nav{text-align:left;color:#ccc5b9;border-radius:10px;grid-template-columns:20px 1fr 16px;align-items:center;gap:10px;width:100%;padding:11px 12px;text-decoration:none;display:grid}.nav svg{width:18px}.nav:hover{color:#fff;background:#453f3a}.nav.active{color:var(--acid);box-shadow:none;background:#524d47}.nav.active svg{color:inherit}.sidebar-bottom{gap:14px;margin-top:auto;display:grid}.security-note{color:#aba49a;background:#383530;border:1px solid #292c25;border-radius:10px;gap:9px;padding:12px;font-size:11px;line-height:1.5;display:flex}.security-note svg{color:var(--acid);flex:none}.quiet{color:#aba49a;align-items:center;gap:8px;padding:8px;display:flex}.quiet:hover{color:#fff}main{min-width:0;padding:0 28px 40px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:98px;margin-bottom:24px;display:flex}.topbar-start{align-items:center;gap:16px;min-width:0;display:flex}.topbar-start-slot:empty{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:#aba49a;letter-spacing:.18em;font:600 10px Manrope,sans-serif}.topbar h1{margin:5px 0 0;font:600 24px Manrope,sans-serif}.top-actions{align-items:center;gap:12px;display:flex}.connected{color:#ccc5b9;align-items:center;gap:7px;font-size:12px;display:flex}.connected i{background:var(--acid);width:7px;height:7px;box-shadow:0 0 10px var(--acid);border-radius:50%}.icon-button{border:1px solid var(--line);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{background:var(--panel-2)}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#3b3834,#2e2b28);border-radius:16px;box-shadow:0 18px 60px #0002}.content-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;display:grid}.source-list{min-height:calc(100vh - 162px);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 18px;display:flex}.panel-head h2,.section-title h3{margin:4px 0 0;font:600 16px Manrope,sans-serif}.small-primary,.primary{background:var(--acid);color:var(--inverse);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.small-primary{padding:8px 11px;font-size:12px}.primary{padding:10px 15px}.primary:disabled,.small-primary:disabled{opacity:.4;cursor:not-allowed}.source-items{gap:3px;padding:8px;display:grid}.source{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.source:hover{background:#4b4640}.source.active{box-shadow:inset 2px 0 var(--acid);background:#554f48}.source>span{gap:4px;min-width:0;display:grid}.source strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.source small{color:var(--muted);font-size:11px}.source>svg{color:#857e74}.kind-icon{width:36px;height:36px;color:var(--acid);background:#645c53;border-radius:10px;place-items:center;display:grid}.kind-icon.screenshot_set{color:var(--blue);background:#292f3b}.kind-icon.slide_deck{color:#ffb078;background:#392e27}.kind-icon.document{color:#b6c2ff;background:#2d3038}.detail{min-height:calc(100vh - 162px);padding:24px}.hero{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:22px;display:flex}.hero h2{margin:10px 0 5px;font:600 24px Manrope,sans-serif}.hero p{color:var(--muted);text-overflow:ellipsis;max-width:550px;margin:0;font-size:12px;overflow:hidden}.pill,.success,.state,.score{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.pill{color:var(--acid);background:#5f5850;padding:5px 8px}.hero-actions{align-items:start;gap:8px;display:flex}.hero-actions button,.analysis-actions button,.empty-list button,.modal-actions>button:not(.primary){border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#4b4640;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;display:flex}.hero-actions button:hover,.analysis-actions button:hover{border-color:#6b655c}.metric-row{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 26px;display:grid}.metric{border:1px solid var(--line);background:#403d39;border-radius:12px;gap:3px;padding:15px 16px;display:grid}.metric span,.metric small{color:var(--muted);font-size:10px}.metric strong{font:600 20px Manrope,sans-serif}.section-title{justify-content:space-between;align-items:center;margin:21px 0 11px;display:flex}.success{color:var(--acid);background:#4b3c33;padding:5px 8px}.analysis-card{background:linear-gradient(120deg,#554f48,#423e3a);border:1px solid #423e3a;border-radius:13px;gap:14px;padding:16px;display:grid}.analysis-id{align-items:center;gap:10px;display:flex}.analysis-id svg{color:var(--acid)}.analysis-id span{gap:3px;display:grid}.analysis-id small{color:var(--muted);font-size:10px}.analysis-card code{color:#aba49a;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.analysis-actions{gap:8px;display:flex}.timeline{gap:1px;display:grid}.timeline-row,.job-list article{border-bottom:1px solid #282b25;grid-template-columns:13px 1fr auto;align-items:center;gap:10px;min-height:56px;display:grid}.timeline-row>div,.job-list article>div{gap:3px;display:grid}.timeline-row strong,.job-list strong{font-size:12px}.timeline-row small,.job-list small{color:var(--muted);font-size:10px}.status-dot{background:#777;border-radius:50%;width:7px;height:7px}.status-dot.succeeded{background:var(--acid)}.status-dot.failed{background:var(--red)}.status-dot.pending,.status-dot.leased,.status-dot.running{background:#ffc56e}.state{color:#aaa;background:#292d26;padding:5px 8px}.state.succeeded{color:var(--acid)}.state.failed{color:var(--red)}.empty-list,.empty-detail,.empty-analysis{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-list{min-height:320px;padding:30px}.empty-list svg,.empty-detail>svg,.empty-analysis>svg{color:#857e74;width:34px;height:34px;margin-bottom:12px}.empty-list strong,.empty-detail h2,.empty-analysis h3{color:#fffcf2;margin:0 0 7px}.empty-list span,.empty-detail p,.empty-analysis p{margin:0 0 17px;font-size:12px;line-height:1.6}.empty-detail{max-width:500px;min-height:600px;margin:auto}.empty-analysis{border:1px dashed #2e2b28;border-radius:13px;min-height:190px;padding:28px}.single{min-height:calc(100vh - 162px);padding:30px}.page-intro h2{margin:6px 0 8px;font:600 24px Manrope,sans-serif}.page-intro p{color:var(--muted);margin:0 0 24px;font-size:13px}.search-form{gap:10px;display:flex}.search-form select,.compare-picker select{max-width:260px}.search-box{flex:1;align-items:center;display:flex;position:relative}.search-box>svg{color:#857e74;position:absolute;left:13px}.search-box input{width:100%;padding-left:42px!important;padding-right:92px!important}.search-box button{padding:0 18px;position:absolute;top:5px;bottom:5px;right:5px}.search-form input,.search-form select,.compare-picker select,.modal input{border:1px solid var(--line);color:#fffcf2;background:#1e1d1b;border-radius:10px;outline:none;height:46px;padding:0 13px}.search-form input:focus,.modal input:focus{border-color:#eb5e28;box-shadow:0 0 0 3px #eb5e2812}.results{gap:9px;margin-top:20px;display:grid}.results article{border:1px solid var(--line);background:#3d3a36;border-radius:12px;padding:16px}.results article>div{align-items:center;gap:10px;display:flex}.results strong{font-size:13px}.results p{color:#ccc5b9;margin:10px 0;font-size:12px;line-height:1.6}.results small{color:var(--muted);font-size:10px}.score{color:var(--acid);background:#5f5850;padding:5px 7px}.compare-picker{border:1px solid var(--line);background:#3d3a36;border-radius:13px;align-items:center;gap:10px;padding:18px;display:flex}.version-chip{color:#aaa;border:1px solid #2e2b28;border-radius:9px;padding:10px 12px;font-size:12px}.version-chip.accent{color:var(--acid);border-color:#6b655c}.compare-summary{border-left:2px solid var(--acid);color:#e8e2d6;background:#4b4640;margin:20px 0;padding:16px;font-size:13px}.diff-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.diff{border:1px solid var(--line);background:#35322f;border-radius:12px;overflow:hidden}.diff header{background:#4b4640;justify-content:space-between;padding:12px 14px;display:flex}.diff header span{color:var(--muted)}.diff>div{border-top:1px solid #292c25;gap:5px;padding:10px 13px;display:grid}.diff code{color:#aaa;overflow-wrap:anywhere;font-size:10px}.diff>div span{font-size:12px}.diff p{color:var(--muted);padding:12px;font-size:12px}.diff.added header{color:var(--acid)}.diff.changed header{color:#ffd27d}.diff.removed header{color:var(--red)}.job-list{border-top:1px solid var(--line)}.job-list article{padding:8px 4px}.job-list p{color:var(--red);margin:4px 0;font-size:11px}.inline-error,.login-error{color:#e8a099;background:#3b201c;border:1px solid #6c3028;border-radius:9px;padding:10px 12px;font-size:12px}.error-banner{color:#e8a099;background:#351e1a;border:1px solid #67342d;border-radius:10px;align-items:center;gap:9px;margin-bottom:15px;padding:11px 13px;font-size:12px;display:flex}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overscroll-behavior:contain;background:#151413cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{overscroll-behavior:contain;background:#383530;border:1px solid #3b3834;border-radius:17px;width:min(580px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 30px 120px #0008}.modal-head{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.modal-head h2{margin:5px 0 0}.kind-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px;display:grid}.kind{border:1px solid var(--line);cursor:pointer;color:#aaa;background:#4b4640;border-radius:11px;justify-items:center;gap:7px;padding:12px 6px;font-size:11px;display:grid}.kind.active{color:#fff;background:#5a544c;border-color:#857e74}.modal>label{color:#ccc5b9;gap:7px;margin:13px 0;font-size:12px;display:grid}.file-drop{background:#2a2825;border-radius:12px;justify-content:center;align-items:center;height:120px;position:relative;color:#bbb!important;border:1px dashed #524d47!important;gap:5px!important;display:flex!important}.file-drop svg{color:var(--acid)}.file-drop span{color:var(--muted);font-size:10px}.file-drop input{opacity:0;cursor:pointer;height:auto;position:absolute;inset:0}.notice{color:#aba49a;background:#4b4640;border-radius:10px;align-items:start;gap:9px;padding:11px;font-size:11px;line-height:1.5;display:flex}.notice svg{color:var(--acid);flex:none}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.busy{z-index:50;background:#524d47;border:1px solid #6b655c;border-radius:12px;grid-template-columns:22px 1fr;align-items:center;column-gap:10px;padding:13px 16px;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #0008}.busy svg{color:var(--acid);grid-row:1/3}.busy strong{font-size:12px}.busy span{color:var(--muted);font-size:10px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login{background:radial-gradient(circle at 50% 0,#4b3c33,#0000 45%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#302e2a;border:1px solid #3b3834;border-radius:20px;width:min(420px,100%);padding:34px;box-shadow:0 30px 100px #0006}.login-card h1{margin:8px 0;font:600 29px Manrope,sans-serif}.login-card>p{color:var(--muted);margin-bottom:24px;font-size:13px;line-height:1.6}.login-card form{gap:8px;display:grid}.login-card label{color:#ccc5b9;font-size:11px}.login-card input{border:1px solid var(--line);color:#fff;background:#1a1917;border-radius:10px;outline:none;height:46px;padding:0 13px}.login-card .primary{height:44px;margin-top:4px}.login-card small{color:#857e74;margin-top:15px;font-size:10px;line-height:1.5;display:block}.login-error{margin-top:12px}@media (width<=900px){.shell{grid-template-columns:76px 1fr}.sidebar{padding:20px 10px}.brand span,.nav span,.nav>svg:last-child,.security-note span,.sidebar-bottom .quiet{display:none}.brand{padding:0 10px 25px}.nav{grid-template-columns:1fr;place-items:center}.security-note{justify-content:center}.content-grid{grid-template-columns:1fr}.source-list{min-height:auto}.source-items{max-height:330px;overflow:auto}.detail{min-height:auto}.diff-grid{grid-template-columns:1fr}.compare-picker{flex-wrap:wrap}}@media (width<=620px){.shell{display:block}.sidebar{z-index:10;border-right:0;border-top:1px solid var(--line);width:100%;height:66px;padding:8px;position:fixed;top:auto;bottom:0}.brand,.sidebar-bottom{display:none}.sidebar nav{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.nav{grid-template-rows:20px 12px;gap:4px;height:50px;padding:6px 2px}.nav svg{width:19px;height:19px}.nav span{white-space:nowrap;font-size:8px;display:block}.nav.active{box-shadow:none;color:var(--acid)}main{padding:0 12px 90px}.topbar{height:78px;margin-bottom:14px}.topbar h1{font-size:20px}.connected{display:none}.content-grid{gap:12px}.panel{border-radius:13px}.detail{padding:16px}.hero{display:grid}.hero-actions{width:100%}.hero-actions button{flex:1;justify-content:center}.metric-row{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/3}.single{min-height:calc(100vh - 170px);padding:18px}.search-form{display:grid}.search-form select{max-width:none}.search-box{height:48px}.kind-grid{grid-template-columns:repeat(2,1fr)}.compare-picker{grid-template-columns:1fr;display:grid}.compare-picker>svg{justify-self:center;transform:rotate(90deg)}.modal{padding:18px}.top-actions{gap:5px}}.study-shell{--bg:#fffcf2;--panel:#f1ede2;--panel-2:#e4dfd3;--raised:#fff;--line:#d9d2c5;--muted:#6b655c;--text:#252422;--acid:#eb5e28;--accent:#eb5e28;--blue:#375f97;--red:#b8402f;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.menu-guide{color:#252422;background:#f1ede2;border:1px solid #d9d2c5;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin:26px 0;padding:28px;display:grid}.menu-guide h2{letter-spacing:-.04em;margin:8px 0;font-size:26px}.menu-guide p{color:#6b655c;max-width:650px;margin:0 0 18px;font-size:14px;line-height:1.7}.menu-guide ol{gap:15px;margin:0;padding:0;list-style:none;display:grid}.menu-guide li{align-items:center;gap:10px;font-size:13px;display:flex}.menu-guide li>span{color:#6b655c;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.guide-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.guide-actions a,.study-shell .single a,.library-next a{color:var(--muted);text-underline-offset:4px;font-size:13px}.study-shell a.task-link{background:var(--accent);color:var(--raised);border-radius:9px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.study-shell .panel{background:var(--raised);border-color:var(--line)}.study-shell .source{background:var(--raised);color:var(--text)}.study-shell .source.active{background:var(--selected);border-color:var(--line-strong)}.study-shell .source small,.study-shell .hero p,.study-shell .timeline small,.study-shell .page-intro p,.study-shell .empty-analysis p,.study-shell .empty-detail p,.study-shell .empty-list{color:var(--muted)}.study-shell .hero h2{color:var(--text)}.study-shell .pill,.study-shell .version-chip,.study-shell .score{background:var(--selected);color:var(--muted);border-color:var(--line)}.study-shell .panel button:not(.primary):not(.small-primary):not(.source){background:var(--panel);color:var(--text);border-color:var(--line)}.study-shell .panel :is(input,select){background:var(--raised);color:var(--text);border-color:var(--line);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.study-shell .panel .search-box{background:var(--raised);border-color:var(--line)}.study-shell .compare-picker,.study-shell .compare-summary,.study-shell .analysis-card,.study-shell .results article,.study-shell .diff,.study-shell .diff header{background:var(--bg);color:var(--text);border-color:var(--line)}.study-shell .results p,.study-shell .diff code,.study-shell .diff p{color:var(--muted)}.study-shell .diff.added header{color:var(--good)}.study-shell .diff.changed header{color:var(--warn)}.study-shell .diff.removed header{color:var(--bad)}.study-shell .analysis-card code{color:var(--muted);overflow-wrap:anywhere}.study-shell .single .page-intro{margin-bottom:22px}.study-shell .single .page-intro h2{font-size:22px}.study-shell .single{margin-bottom:32px}.library-next{background:#f1ede2;border-radius:12px;margin:24px 0;padding:22px}.library-next h3{margin:0 0 10px;font-size:18px}.library-next p{color:#6b655c;font-size:14px;line-height:1.8}.library-next>div{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.library-next span{color:#6b655c;font-size:12px}.technical-details{border:1px solid #d9d2c5;border-radius:10px;padding:14px;font-size:12px}.technical-details summary{cursor:pointer;color:#6b655c}.technical-details p{line-height:1.7}.study-shell .job-list article{flex-wrap:wrap;gap:14px;padding:18px 4px;display:flex}.study-shell .job-list article>div{flex:1;min-width:140px}.study-shell .job-list small{color:var(--muted)}.study-shell .job-list details{margin-top:8px;font-size:12px}.study-shell .job-list p{overflow-wrap:anywhere}.study-shell .setting-choice>button,.study-shell .setting-options{background:var(--raised);color:var(--text);border-color:var(--line);box-shadow:none}.study-shell .setting-options button{color:var(--text)}.study-shell .setting-options button[aria-selected=true]{background:var(--selected);color:var(--accent-text)}.study-shell .setting-options button:hover,.study-shell .setting-options button:focus-visible{background:var(--hover);outline-color:var(--accent)}.study-shell .setting-choice>button:focus-visible{outline-color:var(--accent)}.study-shell .settings-page{margin-top:0}.study-shell .settings-page :is(small,dd),.study-shell .settings-page>p{color:var(--muted)}.study-shell :is(a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (width<=760px){.menu-guide{grid-template-columns:1fr;gap:20px;padding:20px}.menu-guide h2{font-size:23px}.menu-guide ol{gap:10px}.guide-actions{gap:12px}.menu-guide p{font-size:13px}.study-shell .hero-actions{flex-wrap:wrap}.study-shell .panel code{overflow-wrap:anywhere}.study-shell .job-list article>a{width:100%}}.study-shell .modal{background:var(--raised);color:var(--text);border-color:var(--line)}.study-shell .modal>label{color:var(--muted)}.study-shell .modal :is(input,select){background:var(--bg);color:var(--text);border-color:var(--line)}.study-shell .modal .kind,.study-shell .modal .notice{background:var(--panel);color:var(--muted)}.study-shell .modal .kind.active{background:var(--selected);color:var(--accent-text);border-color:var(--line-strong)}.study-shell .modal .file-drop{background:var(--bg);color:var(--muted)!important}.study-shell .modal .notice svg{color:var(--muted)}.study-shell .portal-start>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=620px){.study-shell .portal-start>div:last-child{grid-template-columns:1fr}}.study-shell .empty-list strong,.study-shell .empty-detail h2,.study-shell .empty-analysis h3{color:var(--text)}.study-shell .timeline-row,.study-shell .job-list article{border-color:var(--line)}.study-shell .state{background:var(--selected);color:var(--muted)}.study-shell .state.succeeded{color:var(--good)}.study-shell .status-dot.succeeded{background:var(--good-dot)}.study-shell .state.failed{color:var(--bad)}.study-shell .portal-start{padding:0 0 20px}.study-shell .portal-start>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:0}.study-shell .portal-start button{border-radius:10px;padding:16px 12px}.study-shell .portal-start button strong{font-size:14px}.study-shell .portal-start button b{display:none}@media (width<=1000px){.study-shell .portal-start>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.spin{animation:none}.skip-link,*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--radius-control:9px;--radius-card:16px;--focus:#f5834f;--control-line:#857e74;--chart-1:#f5834f;--chart-2:#8cb5ff;--chart-3:#8fb573;--chart-4:#e0a83b;--chart-5:#c8a8e0;--chart-6:#65c5c0;--chart-7:#e8a099}.study-shell{--text-strong:#252422;--faint:#6b655c;--selected:#e0dacc;--hover:#ebe6da;--line-strong:#bfb7a9;--bad:#b8402f;--good-dot:#8fb573;--good:#416d30;--warn:#885b12;--focus:#a73812;--control-line:#857e74;--accent-text:#a73812;--chart-1:#a73812;--chart-2:#375f97;--chart-3:#416d30;--chart-4:#885b12;--chart-5:#765293;--chart-6:#23746e;--chart-7:#9b4858}button,input,select,textarea{font-family:inherit}button:disabled{cursor:not-allowed}button:not(:disabled):active{filter:brightness(.94)}:is(button,a)>svg{flex-shrink:0}.primary>svg{width:18px;height:18px}.primary:hover:not(:disabled),.small-primary:hover:not(:disabled){background:var(--accent-hover)}:is(button,input,select,textarea):disabled{opacity:.55}:is(input,select,textarea)[aria-invalid=true]{border-color:var(--red)}:is(button,a,summary,input,select,textarea,pre):focus-visible,.login-card input:focus-visible,.search-form input:focus-visible,.modal input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.study-shell a.task-link{color:var(--inverse)}.study-shell .sidebar{overflow-y:auto}.study-shell .sidebar-bottom{padding-top:16px}.study-shell .nav{flex-shrink:0}.study-shell .nav>svg:first-child{display:block}.study-shell .hero-copy,.study-shell .results article>div{min-width:0}.study-shell :is(.hero h2,.results strong,.timeline-row strong,.job-list strong,.file-drop strong){overflow-wrap:anywhere}.study-shell .hero-actions{flex-shrink:0}.study-shell .analysis-actions{flex-wrap:wrap}.study-shell :is(.compare-picker select,.search-form select){min-width:0;max-width:100%}.study-shell .modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.study-shell .modal-actions>button:not(.primary){background:var(--panel);color:var(--text)}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#151413cc}.modal form>label{gap:7px;margin:13px 0;font-size:13px;display:grid}.modal input{width:100%}.modal .file-drop:focus-within{outline:3px solid var(--focus);outline-offset:3px}.busy{max-width:calc(100vw - 28px)}@media (width<=1150px) and (width>=621px){.study-shell .nav{min-height:40px}.study-shell .nav>svg:first-child{display:block}}@media (width<=620px){.study-shell .sidebar{height:calc(70px + env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));overflow-y:hidden}.study-shell .sidebar nav{gap:4px;display:flex;overflow-x:auto}.study-shell .nav{grid-template-columns:1fr;width:78px;min-width:78px}.study-shell .nav span{font-size:10px}.study-shell main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.study-shell .topbar-start{flex:1}.study-shell .topbar h1{overflow-wrap:anywhere;font-size:16px}.study-shell .hero-actions{min-width:0}.study-shell .hero-actions .task-link{white-space:normal}.busy{bottom:calc(86px + env(safe-area-inset-bottom))}}.study-shell{--hover:#ebe6da;--selected:#e0dacc;--success:#416d30;--warning:#885b12;--danger:#b8402f}.primary:is(:hover,[data-preview-state=hover]):not(:disabled),.small-primary:hover:not(:disabled){background:var(--accent-hover)}button:not(:disabled):is(:active,[data-preview-state=active]){filter:brightness(.94)}:is(button,input,select,textarea)[data-preview-state=focus]{outline:3px solid var(--focus);outline-offset:3px}.study-button{border-color:var(--line);color:var(--text);border-radius:var(--radius-control);cursor:pointer;white-space:normal}.study-button:hover:not(:disabled){background:var(--hover)}.study-button:is([aria-pressed=true],[aria-current=page]){background:var(--selected);border-color:var(--control-line)}.study-shell .study-button.dark:hover:not(:disabled){background:var(--accent-hover)}.study-shell :is(input,textarea)[readonly]{background:var(--panel);border-style:dashed}.ui-field{min-width:0;color:var(--text);gap:8px;margin:12px 0;font-size:13px;display:grid}.ui-field :is(input,select,textarea){border:1px solid var(--control-line);border-radius:var(--radius-control);background:var(--raised);width:100%;min-width:0;max-width:100%;color:var(--text);font:inherit;padding:10px 12px}.ui-field textarea{resize:vertical;line-height:1.65}.ui-field :is(input,select,textarea):is(:hover,[data-preview-state=hover]):not(:disabled){border-color:var(--text)}.ui-field input:is(:active,[data-preview-state=active]){border-color:var(--focus)}.ui-field :is(input,select,textarea)[aria-invalid=true]{border-color:var(--danger)}.ui-field small{color:var(--muted);line-height:1.6}.ui-field .ui-error,.ui-error{color:var(--danger)}.ui-check{align-items:center;gap:9px;margin:12px 0;font-size:13px;line-height:1.6;display:flex}.ui-check input,.ui-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--focus);flex:none;padding:0}.ui-fieldset{border:1px solid var(--line);border-radius:var(--radius-control);min-width:0;margin:16px 0;padding:16px}.ui-fieldset legend{padding:0 8px;font-size:13px;font-weight:600}.ui-card{background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-card);min-width:0;padding:20px}.ui-card h4{overflow-wrap:anywhere;margin:0 0 16px;font-size:15px;line-height:1.5}.ui-card p{overflow-wrap:anywhere;font-size:13px;line-height:1.7}.ui-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.ui-actions>.ui-field{margin:0}.ui-actions>span{overflow-wrap:anywhere;min-width:0}.ui-badge{border:1px solid var(--line);background:var(--panel);width:fit-content;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.ui-notice{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--raised);color:var(--text);overflow-wrap:anywhere;border-left:3px solid;margin:16px 0;padding:14px 16px;font-size:13px;line-height:1.65}.ui-notice p{color:var(--muted);margin:6px 0 0}[data-tone=success],.study-shell .state.succeeded{color:var(--success)}[data-tone=warning]{color:var(--warning)}[data-tone=error]{color:var(--danger)}.ui-empty{border:1px dashed var(--line);border-radius:var(--radius-control);text-align:center;color:var(--muted);justify-items:center;gap:12px;padding:32px 16px;font-size:13px;display:grid}.ui-empty p{margin:0}.ui-skeleton{gap:14px;padding:20px 0;display:grid}.ui-skeleton i{background:var(--panel-2);border-radius:4px;height:14px;animation:1.5s ease-in-out infinite ui-pulse;display:block}.ui-skeleton i:nth-child(2){width:76%}.ui-skeleton i:last-child{width:56%}@keyframes ui-pulse{50%{opacity:.45}}.ui-table-scroll{border:1px solid var(--line);border-radius:var(--radius-control);max-height:560px;overflow:auto}.ui-table{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:13px;line-height:1.55}.ui-table caption{text-align:left;color:var(--muted);padding:12px}.ui-table :is(th,td){text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px}.ui-table thead th{z-index:1;background:var(--panel);font-size:12px;position:sticky;top:0}.ui-table tbody th{overflow-wrap:anywhere;min-width:240px;max-width:430px;font-weight:500}.ui-table small{color:var(--muted);margin-top:6px;font-weight:400;display:block}.ui-table tbody tr:hover{background:var(--panel)}.ui-table tr[aria-selected=true]{background:var(--selected)}.ui-table .ui-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}:is(.portal-table,.chart-table table) :is(th,td){line-height:1.6}.chart-table td,.portal-overview strong{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.ui-skeleton i{animation:none}}.login{color:#ccc5b9;--muted:#aba49a;--line:#857e74;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#ccc5b9;--focus:#f5834f;--panel:#3b3834;--control-line:#857e74;--red:#f98;background-color:#35322f}.login input{background:var(--panel);color:var(--text)}.login-card small,.login .eyebrow{color:var(--muted)}.ui-field :is(input[type=range],progress){accent-color:var(--focus)}:is(.primary,.small-primary,.study-button.dark):not(:disabled):is(:active,[data-preview-state=active]){filter:none;background:var(--accent-hover);box-shadow:inset 0 2px #0002}.ds-map{gap:24px;max-width:900px;display:grid}.ds-map>header h2{color:var(--text-strong);margin:6px 0 8px;font-size:26px}.ds-map>header p{color:var(--muted);max-width:60ch;margin:0}.ds-axes{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ds-axes>li{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:18px 20px}.ds-axis-head{align-items:baseline;gap:14px;display:flex}.ds-axis-n{color:var(--faint);font:600 12px/1 ui-monospace,monospace}.ds-axis-head h3{color:var(--text-strong);margin:0;font-size:17px}.ds-axis-head p{color:var(--muted);margin:4px 0 0;font-size:14px}.ds-axis-head .ds-view{color:var(--accent-text);margin-top:10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.ds-axis-head .ds-view:hover{text-decoration:underline}.ds-map dl{grid-template-columns:6.5rem minmax(0,1fr);gap:6px 16px;margin:16px 0 0;display:grid}.ds-map dt{color:var(--faint);font-size:12px;font-weight:600}.ds-map dd{gap:4px;min-width:0;margin:0;display:grid}.ds-map code{color:var(--text);overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace}.ds-view{color:var(--text);font-size:13px;text-decoration:none;display:block}.ds-view:hover{color:var(--accent-text);text-decoration:underline}.ds-view code{color:var(--accent-text)}.ds-note,.ds-none{color:var(--muted);font-size:13px}.ds-siblings h3{color:var(--text-strong);margin:0 0 6px;font-size:14px}.ds-siblings p{color:var(--muted);margin:0 0 10px;font-size:13px}.ds-siblings ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ds-siblings li{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.ds-siblings strong{color:var(--text-strong);font-size:14px}.ds-repo{color:var(--faint)!important}@media (width<=700px){.ds-map dl{grid-template-columns:minmax(0,1fr);gap:2px}.ds-map dt{margin-top:8px}}