/* Working project artifacts on a quiet editorial canvas. */
.demo-shell{--demo-ink:var(--fg);--demo-paper:var(--bg);aspect-ratio:auto;background:var(--surface);color:var(--fg);min-width:0;overflow:hidden;position:relative}
.demo-shell[data-mounted]{background:var(--bg);border-block:1px solid var(--line)}
.demo-head,.demo-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;line-height:1.5;color:var(--muted)}
.demo-head{padding:22px 28px}.demo-head strong{font-weight:500;color:var(--fg)}.demo-foot{padding:18px 28px;border-top:1px solid var(--line);flex-wrap:wrap}
.demo-shell button{border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--fg);padding:9px 13px;min-height:44px;font-size:14px;line-height:1.4}
.demo-shell button:hover{border-color:var(--fg)}.demo-shell button[aria-pressed=true],.demo-shell button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.demo-shell button:disabled{cursor:default;opacity:.5}
.demo-controls{display:flex;gap:8px;flex-wrap:wrap}.demo-status{font-size:14px;min-height:22px;color:var(--muted)}.demo-shell svg{display:block;max-width:100%;height:auto}.demo-shell canvas{display:block;width:100%;height:100%}
.demo-shell .demo-main{min-height:340px}.dialog-cover.demo-shell{margin-top:42px;padding:0}.dialog-cover.demo-shell .demo-main{min-height:390px}
.factory-demo{--factory-orange:#ed671d}.factory-scene{position:relative;padding:0 5%;height:390px}.factory-scene svg{height:100%;width:100%}.factory-scene .floor{fill:var(--surface)}.factory-scene .rule{stroke:var(--line);stroke-width:1}.factory-scene .machine{fill:var(--bg);stroke:var(--fg);stroke-width:1.5}.factory-scene .ink{fill:var(--fg)}.factory-scene .orange{fill:var(--factory-orange)}.factory-scene text{font-family:var(--font);fill:var(--fg);font-size:16px}.factory-scene .token{fill:var(--factory-orange);stroke:var(--bg);stroke-width:2}.factory-ledger{display:flex;gap:40px;padding:0 7% 28px;align-items:center}.factory-total{font-size:48px;letter-spacing:-3px;line-height:1}.factory-ledger small{display:block;font-size:13px;color:var(--muted);margin-top:10px}.attendance-dots{display:flex;gap:7px;flex-wrap:wrap;max-width:120px}.attendance-dots i{width:10px;height:10px;border:1px solid var(--muted);border-radius:50%}.attendance-dots i.present{background:var(--fg);border-color:var(--fg)}
.agent-preview{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;padding:24px 6% 40px}.agent-stages{padding:0;margin:0;list-style:none;counter-reset:agent}.agent-stages li{padding:12px 0;border-bottom:1px solid var(--line);font-size:22px;letter-spacing:-.6px;color:var(--muted);display:flex;gap:20px;align-items:center}.agent-stages li::before{counter-increment:agent;content:'0' counter(agent);font-size:12px;letter-spacing:0}.agent-stages li.current{color:var(--fg)}.agent-stages li.done::after{content:'✓';margin-left:auto;font-size:16px}.agent-stages li.current::after{content:'←';margin-left:auto}.agent-page{padding-top:10px}.agent-page>span{font-size:13px;color:var(--muted)}.agent-page h3{font-size:30px;letter-spacing:-1px;line-height:1.3;margin:14px 0}.agent-page p{font-size:16px;max-width:450px}.agent-evidence{margin:22px 0;padding:16px 0;border-block:1px solid var(--line);font-size:14px}.agent-evidence b{font-weight:500}.agent-audit{font-size:13px;color:var(--muted);list-style:none;padding:0;margin:20px 0 0;min-height:65px}.agent-audit li{margin-top:8px}.agent-audit li::before{content:'↳ ';color:var(--fg)}.kill-button{margin-left:auto}
.publication-preview{padding:5px 7% 35px;--spread:0}.publication-stages{display:flex;gap:24px;margin-bottom:25px;flex-wrap:wrap}.publication-stages button{padding-inline:0;border:0;color:var(--muted)}.publication-stages button[aria-pressed=true]{background:none;color:var(--fg);text-decoration:underline;text-underline-offset:8px}.article-spread{color:var(--fg);border-top:3px solid var(--fg);padding-top:15px;max-width:960px;margin:auto;transition:opacity .4s,transform .4s}.publication-masthead{font-family:Georgia,serif;font-size:clamp(22px,4vw,45px);letter-spacing:-1.5px;border-bottom:1px solid var(--fg);padding-bottom:14px;display:flex;justify-content:space-between;align-items:center}.publication-masthead small{font:12px var(--font);letter-spacing:0;max-width:110px;text-align:right;color:var(--muted)}.article-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-top:25px}.article-copy>small{font-size:12px;color:var(--muted)}.article-copy h3{font-family:Georgia,serif;font-size:clamp(28px,4vw,52px);line-height:1.06;letter-spacing:-1px;margin:15px 0}.article-copy p{font-size:15px;line-height:1.7;margin-top:18px}.article-picture{min-height:220px;overflow:hidden;background:var(--surface);position:relative}.article-picture img{height:100%;width:100%;object-fit:cover;transform:none!important;transition:opacity .4s}.article-caption{font-size:12px;color:var(--muted);margin-top:12px}.publication-preview[data-stage="0"] .article-picture img{opacity:0}.publication-preview[data-stage="0"] .article-picture::after{content:'';position:absolute;inset:15px;border:1px solid var(--line);background:linear-gradient(to top right,transparent 49.8%,var(--line) 50%,transparent 50.2%)}.publication-preview[data-stage="0"] .article-copy h3,.publication-preview[data-stage="0"] .article-copy p{color:transparent;background:var(--surface)}.publication-preview[data-stage="0"] .publication-masthead{font-family:var(--font);font-size:25px;letter-spacing:-1px}.published-marker{display:flex;align-items:center;gap:8px;min-width:150px}.published-marker::before{content:'';height:6px;width:6px;background:var(--fg);border-radius:50%}
.role-preview{padding:8px 26px 28px}.role-tabs{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.learning-sheet{border-top:2px solid var(--fg);padding-top:18px}.learning-sheet>span{font-size:12px;color:var(--muted)}.learning-sheet h3{font-size:25px;letter-spacing:-.8px;margin:12px 0}.learning-sheet p{font-size:14px;line-height:1.8}.learning-row{display:flex;justify-content:space-between;gap:10px;border-block:1px solid var(--line);padding:14px 0;margin:18px 0;font-size:13px}.api-result{margin-top:22px;font-size:14px}.api-result small{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.api-result code{font:13px ui-monospace,monospace;overflow-wrap:anywhere;display:block}.api-result output{display:block;font-size:22px;letter-spacing:-.6px;margin-top:10px}.api-explanation{font-size:13px;color:var(--muted);margin-top:8px;min-height:44px}
.context-preview{padding:8px 26px 25px}.context-preview label{font-size:13px;color:var(--muted)}.context-preview .query-field{margin-top:8px;gap:5px}.context-preview input{font-size:13px;width:100%}.context-preview .query-field button{border:0}.context-preview .presets{gap:16px;margin:10px 0 22px}.context-preview .presets button{border:0;padding-inline:0;background:none;color:var(--muted);font-size:13px}.context-preview .presets button.active{color:var(--fg)}.context-preview .output-top{font-size:12px;margin-top:15px}.context-preview .result-preview h3{font-size:29px;line-height:1.3;margin:12px 0}.context-preview .result-preview p{font-size:14px}.context-preview .trace-list{margin:18px 0}.context-preview .trace-list li{padding:9px 0;font-size:13px;gap:15px}.context-preview .trace-list li>span{font-size:12px}.context-preview .lab-rule{font-size:12px;color:var(--muted);margin-top:14px}
.field-stage{height:280px;position:relative}.field-detail{position:absolute;left:22px;bottom:18px;font-size:13px;pointer-events:none}.field-detail strong{font-size:22px;font-weight:500;display:block;letter-spacing:-.7px}.field-select{padding:0 22px 22px;display:flex;gap:8px;flex-wrap:wrap}.field-select button{font-size:12px;min-height:36px;padding:6px 9px}.orb-stage{height:280px;position:relative;display:grid;place-items:center}.orb-stage canvas{position:absolute;inset:0}.orb-fallback{width:190px;height:190px;border-radius:50%;background:radial-gradient(ellipse at 28% 30%,#ac98d6 0,transparent 25%),radial-gradient(ellipse at 70% 70%,#6a5099 0,transparent 36%),radial-gradient(circle at 60% 32%,#46365f,#0b0913 65%);box-shadow:inset -12px -14px 25px #0008}.voice-controls{padding:0 20px 18px;display:flex;gap:8px;flex-wrap:wrap}.voice-controls button{font-size:13px;padding:9px 11px}.voice-message{padding:0 20px 20px;min-height:57px;font-size:13px;color:var(--muted)}.voiceart-study .demo-head{padding-inline:20px;gap:8px}.voiceart-study .demo-head span{font-size:12px}.voiceart-study .demo-foot{padding-inline:20px;font-size:12px}.game-stage{height:270px;position:relative}.game-stage canvas{cursor:crosshair}.game-instructions{font-size:13px;color:var(--muted);padding:0 20px 20px;min-height:58px}.game-controls{padding:0 20px 15px;display:flex;gap:8px;align-items:center}.game-controls output{margin-left:auto;font-size:14px;font-variant-numeric:tabular-nums}.demo-shell .fallback-note{font-size:14px;color:var(--muted);padding:20px}
@media(min-width:701px){.dialog-cover .orb-stage{height:480px}.dialog-cover .field-stage{height:430px}.dialog-cover .game-stage{height:420px}.dialog-cover .context-preview,.dialog-cover .role-preview{max-width:750px;margin:auto;padding-block:25px}.dialog-cover .demo-head,.dialog-cover .demo-foot{padding-inline:6%}}
@media(max-width:1100px){.agent-preview{gap:30px}.playground-gallery{grid-template-columns:1fr 1fr}.xai-study{grid-column:1/-1}.field-stage{height:330px}}
@media(max-width:700px){.demo-head{padding:18px 18px;font-size:12px;gap:8px;flex-wrap:wrap}.demo-foot{padding:16px 18px;font-size:12px;gap:10px}.factory-scene{height:300px;padding:0 8px}.factory-scene text{font-size:17px}.factory-ledger{gap:35px;padding:0 24px 24px}.factory-total{font-size:40px}.agent-preview{grid-template-columns:1fr;gap:20px;padding:8px 20px 25px}.agent-stages{display:flex;gap:10px;flex-wrap:wrap}.agent-stages li{font-size:14px;padding:8px 0;gap:6px}.agent-stages li::before{font-size:11px}.agent-stages li.done::after,.agent-stages li.current::after{font-size:12px}.agent-page h3{font-size:27px}.agent-page p{font-size:14px}.agent-audit{min-height:40px}.publication-preview{padding:0 20px 25px}.publication-stages{gap:20px;margin-bottom:15px}.publication-stages button{font-size:13px}.publication-masthead{font-size:28px}.article-grid{grid-template-columns:1fr;gap:18px;margin-top:18px}.article-copy h3{font-size:33px}.article-copy p{font-size:14px;margin-top:12px}.article-picture{height:170px;min-height:0}.article-picture img{object-position:center 55%}.article-caption{font-size:12px}.playground-gallery{grid-template-columns:1fr}.field-stage{height:290px}.orb-stage{height:300px}.game-stage{height:290px}.role-preview,.context-preview{padding-inline:18px}.dialog-cover.demo-shell .demo-main{min-height:0}.demo-shell .demo-main{min-height:0}.publication-masthead small{font-size:11px;max-width:80px}}
.field-relationships{position:absolute;inset:0;pointer-events:none}.field-relationships svg{width:100%;height:100%}.field-relationships path{fill:none;stroke:var(--fg);stroke-width:1;opacity:.22}.field-relationships circle{fill:var(--fg)}.field-relationships text{fill:var(--fg);font-family:var(--font);font-size:14px;text-anchor:middle}.field-relationships g{opacity:.75;transition:opacity 200ms}.field-relationships g.active{opacity:1}.field-detail{background:var(--bg);padding:8px 10px;margin-left:-10px}
@media(prefers-reduced-motion:reduce){.demo-shell *{animation:none!important;transition:none!important}}