:root{font-family:Inter,Segoe UI,sans-serif;color:#173a32;background:#f5f4ee;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#1b7162;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:24px 4vw;border-bottom:1px solid #d5ddd2;gap:20px}.brand{color:#163c33;letter-spacing:1px;font-weight:850;font-size:17px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;margin:7px 0 0 24px}nav{display:flex;gap:25px;font-size:13px}nav .active{font-weight:750;border-bottom:2px solid #187461;padding-bottom:8px}main{max-width:1280px;margin:auto;padding:25px 35px}.topline{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px;align-items:center}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#5c7b6b}.badge{font-size:11px;padding:8px 13px;border:1px solid #c5d5c7;border-radius:30px}h1{font-size:48px;letter-spacing:-1.8px;line-height:1.05;margin:10px 0 20px}h1 em{font-family:Georgia,serif;font-weight:400;color:#177563}h2{font-size:24px;letter-spacing:-.5px;margin:0 0 14px}h3{font-size:17px;margin:0 0 12px}p{line-height:1.6}.lead{font-size:17px;color:#597365;max-width:850px;margin-bottom:24px}.layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.2fr);gap:22px}.panel{background:#fffef9;border:1px solid #d8e0d3;border-radius:15px;padding:24px;min-width:0;align-self:start}.wide{grid-column:1/-1}.twoup{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#edf2e7;border:1px solid #dce5d5;padding:21px;border-radius:12px}.card b{font-size:20px;display:block;margin:10px 0}.card p{font-size:14px;margin:10px 0 0}.number{font:italic 35px Georgia;color:#397766}.board{width:100%;max-width:385px;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);margin:16px auto}.square{position:relative;display:grid;place-items:center;border:0!important;border-radius:0!important;padding:0!important;aspect-ratio:1;font:clamp(23px,3vw,42px) Georgia!important;cursor:default}.square.light{background:#e6ead5}.square.dark{background:#8eac94}.square.white{color:white;text-shadow:1px 0 #274b39,-1px 0 #274b39,0 1px #274b39,0 -1px #274b39}.square.black{color:#163c31}.square small{position:absolute;bottom:1px;left:3px;font:9px Segoe UI;color:#34593f;text-shadow:none}.square.selected{box-shadow:inset 0 0 0 4px #e9ac43}.square.legal:after{content:'';position:absolute;background:#d78127b0;border-radius:100%;width:16px;height:16px}.metrics{display:flex;gap:10px;margin:18px 0}.metric{flex:1;padding:15px;border-radius:10px;background:#eaf0e1;min-width:0}.metric span{font-size:11px;display:block;color:#5c735f}.metric strong{font-size:26px;display:block;margin-top:6px}.controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:15px 0}label{font-size:12px;display:grid;gap:6px}button,select,input{font:inherit;color:inherit}button,select,input[type=number]{padding:10px 14px;background:#fffef8;border:1px solid #b8caba;border-radius:8px}button{cursor:pointer}button:hover{background:#e7efde}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d7973b;outline-offset:3px}.primary,button.active{background:#196e5c;color:white;border-color:#196e5c}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid #d6dfd1}.row{display:flex;justify-content:space-between;gap:15px;align-items:center}.muted{font-size:12px;color:#6a7e6b;line-height:1.6}.callout{background:#173e34;border-radius:12px;color:#fffce8;padding:22px;margin:20px 0;line-height:1.6}.callout strong{font-size:22px}.question{font-family:Georgia,serif;font-size:23px;border-left:3px solid #cc9141;padding:7px 0 7px 20px;margin:25px 0}.flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0}.flow span{background:#e7eedf;padding:18px 20px;border-radius:8px}.flow small{display:block;color:#6b7a60;margin-top:6px}.pager{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0}#dots{display:flex;gap:7px}#dots button{padding:6px 10px;font-size:12px}.plot{width:100%;display:block;background:#f1f4e9;border-radius:10px;margin:12px 0}.plot text{font:11px Segoe UI;fill:#60735f}.train-line{stroke:#177460;stroke-width:3;fill:none}.val-line{stroke:#c27c32;stroke-width:3;fill:none}.legend{display:flex;gap:22px;font-size:12px}.legend span:first-child{color:#177460}.legend span:last-child{color:#a55c21}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:10px 6px;border-bottom:1px solid #dee5d7}th{color:#5e795f;font-weight:600}.scroll{max-height:250px;overflow:auto}.compact{max-width:80px}.status{min-height:22px;font-size:13px;color:#31745f}details{margin:18px 0}summary{cursor:pointer;font-size:13px;color:#527660}details p{font-size:14px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#eaf0e0;border-radius:6px;padding:8px 11px;font-size:12px}.empty{padding:35px;text-align:center;color:#6c806b}.result{font-size:17px;line-height:1.7}.bar{height:9px;background:#d7e4d0;border-radius:10px;overflow:hidden}.bar span{height:100%;display:block;background:#27785e}footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#6a7e6a;font-size:11px}#error{padding:15px;background:#ffe2d7;color:#94331a;border-radius:9px}.warning{color:#885324;background:#fff0d6;padding:14px;border-radius:9px;font-size:13px}.instruction{font-size:14px;color:#536d5e}#lecture{min-height:510px}@media(max-width:850px){main{padding:20px}.layout,.three{grid-template-columns:1fr}.twoup{grid-template-columns:1fr}h1{font-size:38px}header{padding:20px;align-items:start}nav{gap:12px}.brand{font-size:13px}.brand small{font-size:8px}.square{font-size:33px!important}.pager{flex-wrap:wrap}.metric strong{font-size:21px}footer{flex-direction:column}.row{flex-wrap:wrap}}

.plot{max-height:260px}.linkbutton{padding:12px 18px;border-radius:8px;display:inline-block}

button.primary:hover,button.active:hover{background:#125443;color:#fff}.metric strong{font-size:clamp(17px,2vw,26px);overflow-wrap:anywhere}main>section.panel{margin-bottom:20px}

nav{flex-wrap:wrap}.three{margin:20px 0}.linkbutton.primary:hover{background:#125443;color:white}

.action-guide{background:#edf4ea;border-left:4px solid #267562;border-radius:8px;padding:14px 16px;margin:0 0 18px}.action-guide strong{font-size:16px}.action-guide p{font-size:13px;margin:6px 0 0;max-width:68ch}.next-action{font-size:14px;line-height:1.5;color:#255f50;margin:12px 0}.advanced{border:1px solid #d8e0d3;border-radius:9px;padding:12px 16px}.advanced summary{font-weight:650;color:#214f43}.field-help{font-size:12px;font-weight:400;line-height:1.45;max-width:220px;color:#607366}button:disabled{opacity:.55;cursor:not-allowed}.controls label{max-width:100%}select{max-width:100%}#training-guide,#match-guide{margin-top:0}#analyze-guide{flex-basis:100%}#try-model,#test-match{margin-top:4px}@media(max-width:520px){.metric{padding:10px}.controls>label{width:100%}.controls select{width:100%}}

.metrics{flex-wrap:wrap}.metric{flex:1 1 110px;min-width:110px}.metric strong{font-size:20px}

/* Shared vector pieces and explicit board interaction states. */
.layout{grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr)}
.board{max-width:440px;border:6px solid #294e42;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px #173a3218;container-type:inline-size;gap:0}
.square{min-width:0;min-height:0;overflow:hidden;line-height:1!important}
.square.light,.square.light:hover{background:#f0e9d7}.square.dark,.square.dark:hover{background:#8ca995}
.piece{width:94%;height:94%;display:block;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 2px 1px #102f302b);pointer-events:none}
.white .piece{fill:#fffdf3;stroke:#304d44}.black .piece{fill:#233d35;stroke:#0d231c}
.square small{font-size:9px;line-height:1;color:#395443;pointer-events:none}
.board .square:disabled{opacity:1;cursor:default}.board.readonly .square{cursor:default}
.board.interactive:not(.waiting) .square{cursor:pointer}
.board.interactive:not(.waiting) .square:hover{box-shadow:inset 0 0 0 3px #246a56}
.board .square.selected{background:#e7c478;box-shadow:inset 0 0 0 4px #b67e24}
.square.legal:after{width:24%;height:24%;background:#22684bc2;box-shadow:0 0 0 3px #fff9;pointer-events:none}
.square.legal:has(.piece):after{width:86%;height:86%;border:4px solid #22684b;background:transparent;box-shadow:none}
.board-mode{max-width:440px;margin:18px auto 0;padding:10px 12px;border-radius:8px;background:#e5f0e7;color:#20543f;font-size:12px;font-weight:750;letter-spacing:.5px}
.board-mode:has(+.readonly){background:#eeece4;color:#6b685d}
.board-mode:has(+.waiting){background:#fff0d6;color:#805725}
.board.waiting{border-color:#8b927f}
.board.readonly:empty{background:#eeece4;align-items:center}.board.readonly:empty:before{content:'Position appears here when ready';grid-column:1/-1;text-align:center;font-size:14px;color:#6b685d;padding:24px}
@media(max-width:1000px){.layout{grid-template-columns:1fr}}
@media(max-width:520px){.board{border-width:4px}.square small{font-size:8px}.board-mode{font-size:11px}}

.info-tip{position:relative;display:inline-block;cursor:help;border-bottom:1px dotted #718e7b;outline-offset:4px}.info-tip>span[aria-hidden]{font-size:12px;color:#477967}
.tip-text{display:none;position:absolute;z-index:20;left:0;bottom:calc(100% + 10px);width:min(280px,70vw);padding:14px 16px;border-radius:10px;background:#173e34;color:#fffdf3;font-size:13px;font-weight:400;line-height:1.55;text-align:left;box-shadow:0 8px 24px #102c3340;cursor:default}
.info-tip:hover>.tip-text,.info-tip:focus>.tip-text,.info-tip:focus-within>.tip-text{display:block}.info-tip:focus-visible{outline:3px solid #d7973b}.tip-end>.tip-text{left:auto;right:0}
.candidate-table td:nth-child(2){white-space:nowrap}.candidate-table td:last-child{overflow-wrap:anywhere}

/* Game endings remain visible until explicitly dismissed. */
.result-flash{width:min(680px,92vw);max-height:90vh;padding:0;border:1px solid #9fceb0;border-radius:24px;background:#173e34;color:#fffdf3;box-shadow:0 24px 90px #102b3366;overflow:auto;animation:result-appear .22s ease both}
.result-flash::backdrop{background:#102b3380;backdrop-filter:blur(3px)}
.result-flash-card{padding:42px;text-align:center}
.result-flash-icon{display:block;font-size:72px;margin-bottom:18px}.result-flash-card h2{font-size:clamp(28px,4vw,40px);line-height:1.2;margin:0 0 22px}.result-flash-card p{font-size:18px;line-height:1.7;margin:0 0 30px;text-align:left}
.result-dismiss{background:#f0e9d7;color:#173e34;border-color:#f0e9d7;font-size:17px;font-weight:700;padding:15px 24px}.result-dismiss:hover{background:#fffdf3}
@keyframes result-appear{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.result-flash-card{padding:26px}.result-flash-card p{font-size:16px}.result-flash-icon{font-size:54px}.result-dismiss{width:100%;font-size:15px}}
@media(prefers-reduced-motion:reduce){.result-flash{animation:none}}

.opponent-seat{max-width:440px;margin:22px auto 0;display:flex;align-items:center;gap:13px;padding:13px 15px;background:#f0f3e9;border:1px solid #d8e0d3;border-radius:12px}
.opponent-portrait{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:50%;background:#fffdf3;border:2px solid #b9cfbd;font-size:34px;line-height:1}
.opponent-seat small{display:block;font-size:11px;line-height:1.5;color:#607366;margin-bottom:4px}.opponent-seat strong{display:block;font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.opponent-seat[data-kind=material] .opponent-portrait{background:#e0efd6}.opponent-seat[data-kind=positional] .opponent-portrait{background:#dfedf0}.opponent-seat[data-kind=neural] .opponent-portrait{background:#eae2f3}.opponent-seat[data-kind=champion] .opponent-portrait{background:#f5e6c6;border-color:#d3b979}
.champion-help{max-width:440px;margin:10px auto 0;padding:0 4px}
.castle-controls,.castling-help,.neural-help{max-width:440px;margin:14px auto}.castle-controls{padding:14px 16px;border:1px solid #acc6a9;border-radius:10px;background:#edf4e5}.castle-controls .controls{margin:10px 0}.castle-controls small{display:block;font-size:12px;line-height:1.5;color:#5b735c}.castling-help p,.neural-help p{font-size:13px;line-height:1.6}.castle-controls[hidden],.neural-help[hidden]{display:none}
.danger{color:#9c3628;border-color:#d3a399;background:#fff4ee}.danger:hover{background:#fbe2d7}.danger:disabled{color:#805f58}#models>label{width:100%}#model-details .metric{padding:12px}#model-details .metric strong{font-size:18px}
.result-flash-card .controls{justify-content:center}.result-flash-card .controls button:not(.danger){color:#173e34}

.reference-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);gap:24px;margin-top:24px}.reference-layout .board{max-width:360px}.reference-checks{margin:20px 0}.reference-checks p{padding:10px 14px;background:var(--paper,#f5f1e8);border-radius:8px}@media(max-width:800px){.reference-layout{grid-template-columns:1fr}}

.preview-role{font-weight:700;color:#246453}.continuation{margin-top:20px;padding-top:12px;border-top:1px solid #d8e0d3}.continuation-controls{justify-content:center}.continuation-moves{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.continuation-moves button{font-size:12px;padding:6px 9px}.continuation .board{max-width:400px}.continuation-status{text-align:center}.continuation-controls button{padding:10px 12px}

.continuation .square.preview-moved{box-shadow:inset 0 0 0 3px #d59e38;background-color:#e2c77c}

.arena-seat{max-width:440px;margin:16px auto;display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #cbd5cb;border-radius:12px;background:#fffdf3;color:#233d35}
.arena-seat[hidden]{display:none}.arena-seat[data-color=Black]{background:#233d35;color:#fffdf3;border-color:#233d35}
.arena-color{width:36px;height:42px;flex:0 0 36px;display:grid;place-items:center;font-size:36px;line-height:1;background:#e8eddf;color:#233d35;border-radius:7px}
.arena-seat[data-color=White] .arena-color{color:#fffdf3;background:#526a60;text-shadow:0 1px 1px #172d25}
.arena-avatar{font-size:26px}.arena-player{flex:1;min-width:0}.arena-player small{display:block;font-size:11px;letter-spacing:.7px;margin-bottom:4px}.arena-player strong{font-size:15px;overflow-wrap:anywhere;display:block}
.arena-turn{font-size:11px;font-weight:750;white-space:nowrap}.arena-seat.to-move{border-color:#c48a23;box-shadow:0 0 0 3px #e5bc6455}.arena-seat.to-move .arena-turn{background:#f3d78e;color:#493711;padding:6px 8px;border-radius:20px}

.roadmap{margin-top:24px}.roadmap table{width:100%}.roadmap td,.roadmap th{vertical-align:top}

.arena-score-table caption{text-align:left;color:#607366;font-size:12px;line-height:1.5;padding:4px 0 12px}.arena-score-table th:first-child{width:55%;overflow-wrap:anywhere}.arena-score-table th:not(:first-child),.arena-score-table td{text-align:center}.arena-score-table tbody th{color:#233d35;font-weight:650}.arena-score-table small{display:block;color:#607366;font-size:10px;font-weight:400;margin-bottom:5px}.arena-score-table td{font-weight:750;font-size:17px}
.arena-unfinished{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:9px;background:#f3efe4;font-size:13px}.arena-unfinished span{font-size:11px;color:#706b59;line-height:1.5}.arena-record-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.arena-record-heading h4{margin:0;font-size:15px}.arena-schedule{font-size:11px;padding:6px 10px;border-radius:20px;background:#e7efe4;color:#345a42}.arena-history-card,.arena-game-result{border:1px solid #d8e0d3;padding:18px;border-radius:12px;margin-top:14px;min-width:0}.arena-history-card{max-width:720px}.arena-game-result p{font-size:12px;overflow-wrap:anywhere}.arena-game-result>strong{font-size:13px}#scoreboard h3{margin-top:20px}
@media(max-width:520px){.arena-score-table th,.arena-score-table td{padding:9px 4px}.arena-history-card,.arena-game-result{padding:12px}.arena-score-table{font-size:11px}}

#arena-history{max-height:460px;overflow:auto;padding-right:6px}.arena-history-card{max-width:none;padding:12px 16px;margin:10px 0}.arena-history-card>summary{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;list-style:revert;font-size:13px}.arena-history-card>summary>span:first-child{flex:1 1 100%;overflow-wrap:anywhere}.arena-history-totals{font-size:11px;color:#607366;line-height:1.6}.arena-record-game-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px}.arena-game-list>summary{font-weight:700}.arena-game-list{max-height:360px;overflow:auto}#arena-replay-player .continuation-moves{max-height:120px;overflow:auto}#arena-replay[hidden],#arena-explore[hidden]{display:none}

.pgn-help p{font-size:13px}

/* End-of-lecture engine illustrations. */
.engine-picture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.engine-picture,.model-detail{border:1px solid #cbd8cc;border-radius:16px;padding:24px;background:#fffdf6;min-width:0}.engine-picture h3,.model-detail h3{margin:12px 0 20px}.engine-badge{font-size:11px;letter-spacing:1px;color:#4d715e;font-weight:750}.diagram-flow{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.diagram-flow>span{display:block;width:100%;padding:14px;border:1px solid #d1dbcf;border-radius:10px;background:#f1f4ea;box-sizing:border-box;font-weight:650;line-height:1.5}.diagram-flow small{font-size:12px;font-weight:400}.diagram-flow i{font-style:normal;color:#6c917a;font-size:23px;line-height:1}.diagram-flow .diagram-accent{background:#234f40;color:#fffdf6;border-color:#234f40}.engine-picture p,.model-detail p{font-size:14px;line-height:1.7}.model-detail{margin-top:24px}.model-two-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.model-two-routes h4{font-size:15px;margin:20px 0 16px}.network-picture{width:100%;height:auto;display:block;background:#f1f4ea;border-radius:12px}.network-picture circle{fill:#245741;stroke:#fffdf6;stroke-width:3}.network-wire{stroke:#8aa796;stroke-width:1.5;opacity:.55}.network-picture text{font:14px system-ui,sans-serif;text-anchor:middle;fill:#234f40}.stockfish-picture{background:#edf3f0}@media(max-width:650px){.engine-picture-grid,.model-two-routes{grid-template-columns:1fr}.engine-picture,.model-detail{padding:18px}.network-picture text{font-size:15px}}

.model-explainer{margin:24px 0;padding:20px;border:1px solid #cbd8cc;border-radius:12px;background:#f8f8ef}.model-explainer h4{margin:0 0 14px;font-size:18px}.encoding-planes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0}.encoding-planes b{display:block;font-size:10px;text-align:center;margin-bottom:8px}.encoding-board{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #8aa796;aspect-ratio:1}.encoding-board span{background:#e9eedf;border:.5px solid #c1cfbe}.encoding-board .encoding-on{background:#d49d31;box-shadow:inset 0 0 0 1px #6d4a13}.tanh-plot{display:block;width:100%;height:auto;background:#f1f4ea;border-radius:10px}.plot-axis{fill:none;stroke:#79917f;stroke-width:1.5}.plot-limit{fill:none;stroke:#abbba8;stroke-dasharray:5 5}.plot-curve{fill:none;stroke:#246453;stroke-width:4}.tanh-plot text{font:14px system-ui,sans-serif;fill:#234f40;text-anchor:middle}.tanh-examples{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-around;margin:18px 0;font-size:14px}.stockfish-layers{max-width:600px;margin:24px auto}@media(max-width:650px){.encoding-planes{grid-template-columns:repeat(3,minmax(0,1fr))}.model-explainer{padding:14px}}

.stockfish-network-scroll{overflow-x:auto;border:1px solid #cbd8cc;border-radius:12px;background:#f1f4ea;margin-top:22px}.stockfish-network{display:block;width:100%;height:auto}.stockfish-network text{font:14px system-ui,sans-serif;text-anchor:middle;fill:#234f40}.stockfish-network .sf-layer-title{font-size:20px;font-weight:750}.sf-wire{stroke:#8aa796;stroke-width:1.4;opacity:.5}.sf-activation-wire{stroke:#627d68;opacity:.7}.sf-neuron{fill:#245741;stroke:#fffdf6;stroke-width:2.5}.sf-neuron.sf-squared{fill:#6472a5}.sf-direct{fill:#b77f22;stroke:#fffdf6;stroke-width:2.5}.sf-bypass{fill:none;stroke:#b77f22;stroke-width:3;stroke-dasharray:8 5}.sf-psqt{fill:none;stroke:#347c8b;stroke-width:2.5;stroke-dasharray:5 4}.sf-output-wire{stroke:#245741;stroke-width:3}.sf-sum{fill:#245741}.stockfish-network .sf-plus{fill:white;font-size:23px}.stockfish-network .sf-direct-label{fill:#946317}.stockfish-network .sf-psqt-label{fill:#286573}.sf-legend{display:flex;gap:12px 24px;flex-wrap:wrap;font-size:12px;margin:14px 0;color:#245741}.sf-squared-key{color:#6472a5}.sf-direct-key{color:#946317}

@media(max-width:650px){.stockfish-network{min-width:780px}}

.illustrations-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.illustrations-toggle::-webkit-details-marker{display:none}.illustrations-heading{display:block;font-size:26px;font-weight:750;color:#234f40;margin:10px 0}.illustrations-subtitle{display:block;font-size:13px;font-weight:400;color:#607366;line-height:1.6}.illustrations-action{flex-shrink:0;border:1px solid #b8ccbb;border-radius:30px;padding:10px 16px;font-size:13px;color:#234f40;background:#edf3e7}.illustrations-action::before{content:"+ Expand"}.model-gallery[open]>.illustrations-toggle{padding-bottom:22px;border-bottom:1px solid #d5dfd1;margin-bottom:24px}.model-gallery[open]>.illustrations-toggle .illustrations-action::before{content:"− Collapse"}.illustrations-toggle:focus-visible{outline:3px solid #b7812b;outline-offset:8px;border-radius:6px}@media(max-width:520px){.illustrations-toggle{gap:12px}.illustrations-heading{font-size:22px}.illustrations-action{padding:8px 10px;font-size:11px}}

.studio-profile{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-profile .wide{grid-column:1/-1}.studio-layout label{display:block;font-size:13px;font-weight:650;margin:14px 0}.studio-layout input:not([type=range]),.studio-layout textarea{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;font:inherit;border:1px solid #b9cdbd;border-radius:8px;background:#fffdf7;color:#234f40}.studio-layout textarea{min-height:78px;resize:vertical}.studio-weights>label{border-top:1px solid #d7dfd2;padding-top:14px}.studio-weights label>span{display:flex;justify-content:space-between}.studio-weights output{font-variant-numeric:tabular-nums;font-weight:750}.studio-weights input{width:100%;accent-color:#246453;margin:12px 0}.studio-weights small{display:block;color:#607366;font-weight:400}.studio-download{padding:10px 14px;border:1px solid #b8ccbb;border-radius:8px}.studio-version-list{max-height:400px;overflow:auto}.studio-version{padding:18px;background:#f0f4e9;border-radius:12px;margin:14px 0}.studio-version h3{margin:0}.studio-version h3 small{font-weight:400;font-size:12px}.studio-version p{font-size:13px}.studio-layout #studio-board{max-width:340px}.studio-layout table{width:100%}@media(max-width:650px){.studio-profile{grid-template-columns:1fr}.studio-layout table{font-size:11px}.studio-layout td,.studio-layout th{padding:8px 4px}}

.studio-guide>p{max-width:760px}.studio-milestones{padding-left:24px}.studio-milestones>li{margin:14px 0;padding-left:6px}.studio-milestones summary{font-weight:700;line-height:1.6}.studio-milestones p{font-size:14px;line-height:1.7}.studio-guide code{font-size:12px;background:#e9efdf;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.studio-guide #ai-project-prompt{font-family:ui-monospace,monospace;font-size:12px;line-height:1.65;min-height:300px}.studio-guide .advanced{background:#f4f6ec;border:1px solid #d1ddcb;border-radius:10px;padding:16px;margin-top:16px}

#branch,#reference-line{scroll-margin-top:24px}

.bulk-items{margin:12px 0}.bulk-item{display:flex;align-items:center;gap:10px;padding:9px;border-bottom:1px solid #dee5d7}.bulk-item input{width:18px;height:18px;flex-shrink:0}.bulk-item span{line-height:1.5}.bulk-delete{padding:12px;border:1px solid #d8e0d3;border-radius:10px}