:root{--bg:#f5f6f3;--panel:#fff;--ink:#202a27;--muted:#6b746f;--line:#dfe4de;--green:#255c48;--green-soft:#e7efe8;--lime:#deea9e;--sans:'DM Sans',sans-serif;--mono:'IBM Plex Mono',monospace;--serif:'Instrument Serif',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{background:none;border:0}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #628779;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;font-weight:500}h1{font-size:48px;letter-spacing:-2px}h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-1px}h2{font-size:25px;letter-spacing:-.6px}h3{font-size:20px;letter-spacing:-.4px}p{color:var(--muted)}[hidden]{display:none!important}::selection{background:var(--lime)}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.skip{position:fixed;top:-100px;left:12px;z-index:40;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);background:#fbfcf9;gap:20px}.app-brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:-.25px}.app-brand b{font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:12px}.brand-mark{background:var(--ink);color:var(--lime);width:36px;height:36px;display:grid;place-items:center;font:23px var(--serif)}.header-end{display:flex;gap:22px;align-items:center}.save-indicator{font:10px var(--mono);color:var(--muted)}.text-link{font-size:12px;text-decoration:none}.workspace-tabs{padding:0 38px;display:flex;gap:30px;background:#fbfcf9;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.workspace-tabs button{padding:18px 0;white-space:nowrap;font-size:12px;border-bottom:2px solid transparent;color:var(--muted)}.workspace-tabs button span{font:9px var(--mono);margin-right:9px;opacity:.7}.workspace-tabs button[aria-selected=true]{border-color:var(--green);color:var(--ink);font-weight:600}.workspace-tabs button:hover{color:var(--green)}main{max-width:1720px;margin:auto;padding:0 38px}.page-intro{padding:42px 0 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.page-intro .eyebrow{margin-bottom:12px}.page-intro p:not(.eyebrow){font-size:13px;margin-top:15px;max-width:650px}.intro-actions{display:flex;gap:9px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid #ccd5ce;background:var(--panel);font-size:12px;text-decoration:none;line-height:1.4;min-height:40px}.button:hover{background:var(--green-soft);border-color:#a8bbae}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.primary:hover{background:#1a4736}.button.small{font-size:10px;padding:7px 10px;min-height:32px}.text-button{background:transparent;border:0}.preset-row{display:flex;align-items:center;gap:9px;padding:15px 0 24px;flex-wrap:wrap}.preset-row .eyebrow{margin-right:12px}.preset-row button{font-size:11px;background:var(--panel);border:1px solid var(--line);padding:8px 14px;border-radius:20px}.preset-row button:hover{background:var(--green-soft)}.preset-row .reset{margin-left:auto;background:transparent;border-color:transparent;color:var(--muted)}
.playground-layout{display:grid;grid-template-columns:296px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:40px}.controls{border:1px solid var(--line);background:var(--panel)}.control-section{padding:21px;border-bottom:1px solid var(--line)}.control-section:last-child{border:0}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.control-heading h2{font-size:14px;letter-spacing:-.2px;font-weight:600}.control-heading>span{font:9px var(--mono);color:#919b95}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.palette-button{border:1px solid var(--line);padding:10px 7px;text-align:left;font-size:10px;min-height:73px;background:#fbfcfa}.palette-button[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.swatches{display:flex;gap:3px;margin-bottom:8px}.swatches i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.control-note{font-size:11px;line-height:1.7;margin-top:13px;color:var(--muted)}.input-label{display:block;font-size:11px;font-weight:500;margin-top:16px}.input-label input:not([type=range]):not([type=color]),.input-label select,.input-label textarea{display:block;width:100%;margin-top:7px;background:#fbfcfa;border:1px solid var(--line);padding:9px 10px;min-height:39px;outline-offset:1px;border-radius:0;font-weight:400;font-size:12px}.input-label textarea{line-height:1.7;resize:vertical}.input-label select{appearance:auto;padding-right:3px}.custom-color{display:flex;justify-content:space-between;align-items:center}.custom-color small{font-size:9px;color:var(--muted);display:block;font-weight:400}.custom-color>span:last-child{display:flex;gap:8px;align-items:center}.custom-color input{width:26px;height:26px;padding:0;border:0;background:transparent}.small-link{font-size:10px;text-decoration:underline;color:var(--muted);padding:0}.type-options{display:grid;gap:7px}.type-button{border:1px solid var(--line);text-align:left;padding:11px 12px;background:#fbfcfa;display:flex;justify-content:space-between;align-items:center;gap:10px}.type-button[aria-pressed=true]{background:var(--green-soft);border-color:#91ad9c}.type-button strong{font-size:16px;font-weight:500;line-height:1.3}.type-button small{display:block;font:9px var(--sans);color:var(--muted);margin-top:4px}.type-button .type-sample{font-size:24px;line-height:1}.composition-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.composition-options button{font-size:9px;border:1px solid var(--line);padding:10px 4px;background:#fbfcfa}.composition-options button[aria-pressed=true]{border-color:var(--green);background:var(--green-soft)}.layout-icon{height:27px;display:flex;width:42px;margin:0 auto 8px;gap:4px;align-items:center}.layout-icon i{display:block;background:#b2c0b5;width:20px;height:22px}.layout-icon i:first-child{background:#658671;height:18px}.center-icon{flex-direction:column;justify-content:center;gap:3px}.center-icon i:first-child{width:29px;height:9px}.center-icon i:last-child{width:38px;height:14px}.paper-icon{flex-direction:column;gap:4px}.paper-icon i:first-child{width:40px;height:16px}.paper-icon i:last-child{width:24px;height:3px}.order-list{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:6px;counter-reset:order}.order-list li{display:flex;gap:10px;align-items:center;padding:7px 8px;background:#f8faf6;border:1px solid var(--line);font-size:10px}.order-list li:before{counter-increment:order;content:counter(order,decimal-leading-zero);color:var(--muted);font:9px var(--mono)}.order-list .order-actions{margin-left:auto;display:flex;gap:2px}.order-actions button{height:25px;width:25px;border:1px solid var(--line);background:white}.order-actions button:disabled{opacity:.3;cursor:default}
.preview-column{position:sticky;top:79px;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:11px 16px;background:#fff;border:1px solid var(--line);font-size:11px}.preview-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:#638b56;border-radius:50%}.segmented{display:flex;background:#f1f4ef;padding:3px;gap:2px}.segmented button{padding:5px 11px;font-size:10px;color:var(--muted)}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0001;color:var(--ink)}.viewport-label{font:9px var(--mono);color:var(--muted)}.preview-jumps{display:flex;gap:14px;align-items:center;padding:10px 15px;background:#fbfcf9;border:1px solid var(--line);border-top:0;font-size:10px;flex-wrap:wrap}.preview-jumps span{color:#8c9790;font:9px var(--mono);margin-right:6px}.preview-jumps button{padding:2px;color:var(--muted)}.preview-jumps button:hover{color:var(--green);text-decoration:underline}.preview-shell{background:#e6ebe5;padding:16px;overflow:hidden;border:1px solid var(--line);border-top:0;display:flex;justify-content:center}.frame-stage{position:relative;width:100%;overflow:hidden;background:#fff;box-shadow:0 3px 20px #172a2410;flex:none}.frame-stage iframe{position:absolute;left:0;top:0;display:block;border:0;transform-origin:top left;background:white}.preview-summary{display:flex;gap:15px;justify-content:space-between;padding:13px 4px;font-size:10px}.preview-summary p{color:var(--ink)}.preview-summary span{color:var(--muted);text-align:right}.design-reason{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:160px 1fr;gap:20px}.design-reason p{font-size:12px;max-width:620px;line-height:1.8}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:15px}.comparison-card{border:1px solid var(--line);background:var(--panel);min-width:0}.comparison-heading{padding:15px;display:flex;gap:12px;align-items:center}.comparison-heading label{display:flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}.letter{width:25px;height:25px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-family:var(--mono)}.comparison-heading select{min-width:0;flex:1;padding:8px;background:#f7f9f5;border:1px solid var(--line);font-size:11px}.comparison-stage{box-shadow:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison-caption{padding:15px;font-size:11px;min-height:68px}.comparison-details{padding:38px 0 55px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.6}th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:500}thead{background:#ebf0e9;font-size:10px;color:var(--muted)}.difference{background:#e5f0e3}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:20px 0 55px}.route-card{border:1px solid var(--line);background:var(--panel);padding:28px;display:flex;flex-direction:column;align-items:flex-start}.route-card h2{margin-top:19px;font-size:28px;letter-spacing:-.9px}.route-card>p{margin-top:15px;font-size:13px;line-height:1.8}.route-chain{width:100%;margin:25px 0 0;display:flex;flex-direction:column;align-items:center;gap:5px}.route-chain span{display:block;width:100%;background:#f3f6ef;border:1px solid var(--line);padding:10px 14px;font-size:11px;text-align:center}.route-chain span:first-child,.route-chain span:last-child{background:#fbfcfa}.route-chain b{font-size:11px;color:#9bab9e;font-weight:400;line-height:1}.route-card .tradeoff{font-size:11px;flex:1;padding:5px 0 22px}.tradeoff strong{font-weight:500;color:var(--ink)}.route-card .button{width:100%}.content-plan{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid var(--line);padding:40px 0 60px}.content-plan h2{font-size:31px;margin-top:16px}.content-plan>div>p:last-child{margin-top:20px;font-size:13px;max-width:300px;line-height:1.8}
.motion-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;margin-top:16px}.motion-player{border:1px solid var(--line);background:white;align-self:start}.motion-player video{width:100%;display:block;aspect-ratio:16/9;background:#f7f7ef}.motion-footer{display:flex;justify-content:space-between;gap:20px;padding:14px 17px;font-size:10px;color:var(--muted)}.chapter-panel{border-left:1px solid var(--line);padding-left:24px}.chapter-panel>.eyebrow{display:block;margin-bottom:15px}.chapter-panel button{display:flex;gap:14px;padding:13px 8px;border-bottom:1px solid var(--line);width:100%;text-align:left}.chapter-panel button>span{font:10px var(--mono);color:var(--green);padding-top:3px}.chapter-panel button div{font-size:12px;line-height:1.5}.chapter-panel button small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.chapter-panel button:hover,.chapter-panel button.is-active{background:var(--green-soft)}.formula-intro{padding:50px 0 0}.formula-intro h2{font-size:35px;letter-spacing:-1px;margin-top:12px}.formula-surface{background:white;border:1px solid var(--line);padding:34px;margin-top:25px}.formula-surface img{display:block;max-width:100%;width:820px;height:auto;margin:auto;min-height:70px}.intuition-pair{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin:26px 0 44px}.intuition-pair article{border-left:2px solid #85a771;padding-left:22px}.intuition-pair article:last-child{border-color:#b4a689}.term-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--green)}.term-label.anchor{color:#847555}.intuition-pair h3{margin-top:10px}.intuition-pair p{font-size:13px;margin-top:12px;line-height:1.8;max-width:580px}.loss-lab{display:grid;grid-template-columns:1fr 1.55fr;gap:45px;background:white;border:1px solid var(--line);padding:35px}.lab-intro h2{font-size:31px;letter-spacing:-.9px;margin-top:14px}.lab-intro>p{font-size:12px;margin-top:17px;line-height:1.8}.lab-intro .synthetic-label{font:9px/1.8 var(--mono);background:#f4f1e7;color:#796743;padding:9px 12px;margin-top:18px}.lab-presets{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.lab-presets button{border:1px solid var(--line);padding:6px 9px;font-size:10px}.lab-presets button:hover{background:var(--green-soft)}.beta-label{display:flex;justify-content:space-between;flex-wrap:wrap}.beta-label input{width:100%;margin:12px 0 0;accent-color:var(--green)}.beta-label output{font-family:var(--mono);color:var(--green)}.span-control{border-bottom:1px solid var(--line);padding:13px 0}.span-control:first-child{padding-top:0}.span-title{display:flex;gap:15px;align-items:center;justify-content:space-between}.span-title label{font-size:12px}.span-title output{font:11px var(--mono);color:var(--green)}.span-control input{display:block;width:100%;margin:12px 0;accent-color:var(--green)}.span-feedback{display:flex;gap:14px;align-items:center;font:10px var(--mono);color:var(--muted)}.span-weight-track{background:#eff2eb;height:6px;flex:1}.span-weight-bar{display:block;height:100%;background:#749a62;width:55%}.lab-constants{display:flex;gap:15px;justify-content:space-between;font:9px var(--mono);color:var(--muted);padding:20px 0 13px}.loss-table{font-size:10px}.loss-table th,.loss-table td{padding:8px 9px}.loss-table td:not(:first-child){font-family:var(--mono)}.loss-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 0 16px}.loss-total span{display:flex;flex-direction:column}.loss-total small{font-size:9px;color:var(--muted)}.loss-total b{font:24px var(--mono);letter-spacing:-1px;margin-top:7px}.loss-total>strong{font-size:16px;font-weight:400;color:#8c998e}.loss-total span:last-child b{color:var(--green)}.weight-intuition{padding-top:14px;border-top:1px solid var(--line);font-size:11px;line-height:1.8}.equation-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 60px}.equation-card{background:white;border:1px solid var(--line);padding:27px;min-width:0}.equation-card h3{margin-top:13px;font-size:21px}.equation-card img{width:100%;height:115px;object-fit:contain;object-position:left center;display:block;margin:17px 0}.equation-card p{font-size:12px;line-height:1.8}
.decision-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;margin-top:15px}.notes-card{border:1px solid var(--line);background:#fff;padding:28px}.notes-card h2{font-size:23px}.notes-card .input-label{font-size:12px;margin-top:22px}.notes-card textarea{font-size:13px!important;background:#fbfcfa!important}.import-card{margin-top:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.import-card h2{font-size:16px;letter-spacing:-.3px}.import-card p{font-size:11px;margin-top:7px}.import-card .button{margin-left:auto;cursor:pointer}.import-card #import-status:not(:empty){flex-basis:100%;margin:0}.decision-summary{background:var(--green-soft);padding:28px;align-self:start;border:1px solid #d2dfd2}.decision-summary dl{margin:16px 0 26px}.decision-summary dl div{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #d0dccf;font-size:12px}.decision-summary dt{color:var(--muted);font-size:11px}.decision-summary dd{margin:0}.decision-summary .button{width:100%;margin-top:7px}.saved-heading{padding:40px 0 20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.saved-heading p{font-size:12px}.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}.saved-card{background:#fff;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column}.saved-card .swatches{margin-bottom:15px}.saved-card h3{font-size:19px;overflow-wrap:anywhere}.saved-card p{margin-top:10px;font-size:11px;flex:1;overflow-wrap:anywhere}.saved-card .saved-meta{font:9px/1.8 var(--mono);margin-top:18px;flex:0;color:#87928a}.saved-actions{display:flex;gap:8px;align-items:center;margin-top:15px}.saved-actions .delete-direction{margin-left:auto;font-size:10px;color:var(--muted)}.app-footer{display:flex;gap:25px;justify-content:space-between;align-items:center;padding:24px 38px;border-top:1px solid var(--line);font-size:10px}.app-footer>span{font-family:var(--mono);white-space:nowrap}.app-footer p{font-size:11px}.app-footer a{white-space:nowrap}dialog{width:min(470px,calc(100% - 30px));border:1px solid var(--line);padding:28px;background:#fff;color:var(--ink);box-shadow:0 30px 120px #0003}dialog::backdrop{background:#1a2b2466;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading h2{font-size:26px}.dialog-heading button{font-size:25px}.dialog-heading+.input-label{margin-top:25px}dialog .primary{margin-top:22px;width:100%}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:13px 20px;background:var(--ink);color:#fff;font-size:12px;z-index:50;box-shadow:0 5px 20px #0002;max-width:calc(100% - 32px);text-align:center}.print-document{display:none}
@media(min-width:1600px){.playground-layout{grid-template-columns:320px 1fr;gap:32px}.control-section{padding:24px}}
@media(max-width:1150px){main{padding:0 24px}.app-header,.workspace-tabs{padding-left:24px;padding-right:24px}.workspace-tabs{gap:23px}.page-intro{align-items:flex-start}.page-intro h1{font-size:42px}.playground-layout{grid-template-columns:266px minmax(0,1fr);gap:18px}.control-section{padding:17px}.preview-shell{padding:10px}.preview-toolbar{gap:9px;padding:10px}.viewport-label{display:none}.segmented button{padding:5px 8px}.preview-summary{display:block}.preview-summary>span{display:block;text-align:left;margin-top:4px}.design-reason{grid-template-columns:1fr;gap:8px}.motion-layout{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.chapter-panel{padding-left:18px}.route-card{padding:21px}.route-card h2{font-size:24px}.loss-lab{padding:26px;gap:30px}.comparison-heading{gap:8px;padding:10px}.comparison-heading label{font-size:0}.comparison-heading .letter{font-size:11px}.saved-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.app-header{height:68px}.save-indicator{display:none}.app-brand b{font-size:12px}.workspace-tabs{overflow-x:auto;gap:25px}.workspace-tabs button{font-size:11px;padding:16px 0}.workspace-tabs button span{display:none}.page-intro{padding-top:30px;display:block}.page-intro h1{font-size:40px}.intro-actions,.page-intro>.button{margin-top:22px}.preset-row{gap:7px}.preset-row .eyebrow{flex-basis:100%}.preset-row .reset{margin-left:0}.playground-layout{grid-template-columns:230px minmax(0,1fr);gap:14px}.control-section{padding:14px}.palette-grid{grid-template-columns:1fr 1fr}.composition-options{grid-template-columns:1fr}.composition-options button{display:flex;align-items:center;gap:15px;font-size:10px;padding:9px 12px}.layout-icon{margin:0;width:36px;height:22px}.type-button strong{font-size:14px}.type-button small{font-size:8px}.type-button .type-sample{font-size:20px}.preview-column{top:72px}.preview-toolbar{flex-wrap:wrap}.preview-toolbar .segmented{margin-left:auto}.preview-jumps{gap:10px;font-size:9px;padding:8px 10px}.preview-jumps span{display:none}.comparison-grid{gap:14px}.comparison-details{grid-template-columns:1fr;gap:20px}.route-grid{grid-template-columns:1fr;gap:20px}.route-chain{flex-direction:row;gap:7px;flex-wrap:wrap}.route-chain span{width:auto;flex:1;font-size:9px;white-space:nowrap}.route-chain b{transform:rotate(-90deg)}.route-card .tradeoff{padding-bottom:15px}.route-card .button{width:auto}.content-plan{grid-template-columns:1fr;gap:25px}.content-plan>div>p:last-child{max-width:550px}.motion-layout{grid-template-columns:1fr}.chapter-panel{border:1px solid var(--line);padding:20px}.chapter-panel #chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.loss-lab{grid-template-columns:1fr;gap:30px}.lab-intro h2 br{display:none}.lab-intro .input-label{max-width:430px}.equation-card{padding:20px}.decision-layout{grid-template-columns:1fr}.saved-grid{grid-template-columns:1fr 1fr}.app-footer{padding:22px 24px;flex-wrap:wrap}.app-footer p{order:3;flex-basis:100%}.app-footer>a{margin-left:auto}.header-end{gap:0}}
@media(max-width:600px){main{padding:0 18px}.app-header{padding:0 18px}.app-brand{gap:8px;font-size:12px}.app-brand b{padding-left:8px;margin-left:8px;font-size:11px}.brand-mark{width:29px;height:29px;font-size:21px}.text-link{font-size:10px}.workspace-tabs{padding:0 18px;gap:24px}.page-intro{padding:27px 0 20px}.page-intro h1{font-size:38px;letter-spacing:-1.7px}.page-intro p:not(.eyebrow){font-size:12px}.intro-actions .button{font-size:11px;padding:10px 12px}.playground-layout{display:flex;flex-direction:column}.controls{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:start}.control-section{border-right:1px solid var(--line);height:100%;min-width:0}.control-section:last-child{grid-column:1/-1;border:0}.control-heading h2{font-size:12px}.control-heading>span{font-size:8px}.palette-button{padding:9px 5px;font-size:9px}.palette-grid{gap:6px}.swatches{gap:2px}.swatches i{width:12px;height:12px}.custom-color{align-items:flex-start;gap:8px;flex-direction:column}.type-button{padding:10px 8px}.type-button .type-sample{display:none}.type-button strong{font-size:13px}.type-button small{font-size:8px}.control-note{font-size:10px}.input-label{font-size:10px}.input-label select{font-size:10px;max-width:100%;padding-left:6px}.preview-column{position:static;width:100%}.preview-summary{font-size:9px}.design-reason{padding:17px 0}.comparison-grid{grid-template-columns:1fr}.comparison-heading label{font-size:10px}.comparison-card{max-width:100%}.comparison-stage{max-height:580px}.route-chain{flex-direction:column;align-items:stretch}.route-chain span{width:100%;font-size:11px}.route-chain b{transform:none;text-align:center}.route-card>p{font-size:12px}.content-plan{padding-top:30px}.content-plan th,.content-plan td{padding:10px 8px;font-size:10px}.motion-footer{font-size:9px;gap:10px;flex-wrap:wrap}.chapter-panel #chapter-list{grid-template-columns:1fr}.formula-intro h2{font-size:29px}.formula-surface{padding:19px 12px}.formula-surface img{min-height:40px}.intuition-pair{grid-template-columns:1fr;gap:24px}.intuition-pair p{font-size:12px}.loss-lab{padding:21px 17px}.lab-intro h2{font-size:28px}.loss-total{gap:10px}.loss-total b{font-size:19px}.loss-total small{font-size:8px}.lab-constants{font-size:8px;gap:10px}.equation-grid{grid-template-columns:1fr;gap:18px}.equation-card img{height:100px}.notes-card{padding:22px}.saved-heading{display:block}.saved-heading p{margin-top:10px}.saved-grid{grid-template-columns:1fr}.app-footer{padding:22px 18px}.import-card .button{margin:0}.decision-summary{padding:23px}.preview-jumps button{min-height:25px}.order-actions button{height:29px;width:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{body{background:white;font:12px/1.6 Georgia,serif;color:#111}.app-header,.workspace-tabs,main,.app-footer,dialog,.toast{display:none!important}.print-document{display:block;padding:20px}.print-document h1{font:34px/1.1 Georgia,serif;letter-spacing:-1px;margin-bottom:10px}.print-document h2{font:21px Georgia,serif;margin-top:28px;margin-bottom:12px}.print-document p{color:#333;white-space:pre-wrap}.print-document table{font-size:11px}.print-document th,.print-document td{border-bottom:1px solid #ddd;padding:9px}.print-document .print-snapshot{break-inside:avoid;margin:20px 0}.print-document .print-muted{font-size:10px;color:#666}}