/* The white chat shell stays shared. Each task is a different application. */
[data-stage]{--scene-bar-ink:var(--scene-ink);--scene-title-muted:var(--scene-muted);--scene-bg:#f5f7f8;--scene-panel:#fff;--scene-bar:#e7edf0;--scene-control:#fff;--scene-ink:#354854;--scene-muted:#647885;--scene-line:#c7d3db;--scene-accent:#547b91;--scene-hover:#e8f0f5;--scene-selected:#e6eff7;--scene-ring:#547b9140;--scene-radius:5px;--scene-font:var(--font)}
[data-stage="hero"]{--scene-bg:#202943;--scene-panel:#202943;--scene-bar:#171f36;--scene-control:#33415e;--scene-ink:#e3ebff;--scene-muted:#a9b9d8;--scene-line:#687897;--scene-accent:#e8c67b;--scene-hover:#465778;--scene-selected:#414b70;--scene-ring:#e8c67b44;--scene-radius:0px;--scene-font:'MS Gothic','Noto Sans JP',monospace}
[data-stage="room"]{--scene-bg:#f0f6fa;--scene-panel:#fff;--scene-bar:#dcebf4;--scene-control:#fff;--scene-ink:#284c68;--scene-muted:#64839a;--scene-line:#b9d0e0;--scene-accent:#287cac;--scene-hover:#e3f1fa;--scene-selected:#d9eefa;--scene-ring:#287cac33;--scene-radius:2px}
[data-stage="audio"]{--scene-bg:#232632;--scene-panel:#292d3b;--scene-bar:#1a1d28;--scene-control:#383c50;--scene-ink:#e6e5f4;--scene-muted:#a6a9c5;--scene-line:#55596f;--scene-accent:#ee83c4;--scene-hover:#4a4563;--scene-selected:#5b3e60;--scene-ring:#ee83c44d;--scene-radius:4px}
[data-stage="pipes"]{--scene-bg:#123d57;--scene-panel:#153b50;--scene-bar:#0b2e42;--scene-control:#1c4e68;--scene-ink:#d9f3fa;--scene-muted:#9bc4d5;--scene-line:#4b8098;--scene-accent:#f1cf65;--scene-hover:#286780;--scene-selected:#2c6878;--scene-ring:#f1cf6540;--scene-radius:1px;--scene-font:'Consolas','Noto Sans JP',monospace}
[data-stage="files"]{--scene-bar-ink:#fff;--scene-title-muted:#d9e7ff;--scene-bg:#f8fafc;--scene-panel:#e6eaf0;--scene-bar:#2852a2;--scene-control:#e7ebef;--scene-ink:#243c5a;--scene-muted:#63768b;--scene-line:#9eaebf;--scene-accent:#285ab4;--scene-hover:#d4e1f5;--scene-selected:#dce8fc;--scene-ring:#285ab440;--scene-radius:0px;--scene-font:'MS UI Gothic','Yu Gothic',sans-serif}
[data-stage="video"]{--scene-bg:#202127;--scene-panel:#292a34;--scene-bar:#18191f;--scene-control:#3b3b49;--scene-ink:#e8e6f1;--scene-muted:#b2acc4;--scene-line:#575365;--scene-accent:#b69bea;--scene-hover:#514763;--scene-selected:#53436a;--scene-ring:#b69bea44;--scene-radius:3px}
[data-stage="robot"]{--scene-bg:#eef4f7;--scene-panel:#fff;--scene-bar:#e0e9ee;--scene-control:#fff;--scene-ink:#30485b;--scene-muted:#667e8d;--scene-line:#b7c9d3;--scene-accent:#d16b32;--scene-hover:#fce9dd;--scene-selected:#f7dfce;--scene-ring:#d16b3240;--scene-radius:5px}
[data-stage="seating"]{--scene-bg:#fbf0f3;--scene-panel:#fff9fb;--scene-bar:#f3dfe6;--scene-control:#fff;--scene-ink:#764251;--scene-muted:#9f7482;--scene-line:#dfbac8;--scene-accent:#b65d7c;--scene-hover:#f8dfe9;--scene-selected:#f9dbe6;--scene-ring:#b65d7c3d;--scene-radius:18px;--scene-font:'Noto Serif JP','Yu Mincho',serif}
[data-stage="versions"]{--scene-bg:#f3effa;--scene-panel:#faf8ff;--scene-bar:#e4ddf2;--scene-control:#fff;--scene-ink:#5b477d;--scene-muted:#87729e;--scene-line:#d0c3e4;--scene-accent:#8862b7;--scene-hover:#eee4fa;--scene-selected:#e7daf6;--scene-ring:#8862b73d;--scene-radius:4px}
.stage-root[data-stage] .mini-app{background:var(--scene-bg);border-color:var(--scene-line);color:var(--scene-ink);border-radius:0 var(--scene-radius) var(--scene-radius) var(--scene-radius)}
.stage-root[data-stage] .mini-title{background:var(--scene-bar);border-color:var(--scene-line);color:var(--scene-bar-ink);font-family:var(--scene-font)}
.stage-root[data-stage] .window-dots{color:var(--scene-title-muted)}
.stage-root[data-stage] .app-pill{background:transparent;color:var(--scene-muted);border-color:var(--scene-line)}
.stage-root[data-stage] .stage-tools{background:var(--scene-panel);border-color:var(--scene-line)}
.stage-root[data-stage] .stage-note{background:var(--scene-panel);color:var(--scene-muted);border-color:var(--scene-line)}
.stage-root[data-stage] .tool-label{color:var(--scene-muted);font-family:var(--scene-font)}
.stage-root[data-stage] .tool-label select,.stage-root[data-stage] .tool-label input{background:var(--scene-control);color:var(--scene-ink);border-color:var(--scene-line);border-radius:var(--scene-radius);font-family:var(--scene-font);color-scheme:light}
.stage-root[data-stage="audio"] select,.stage-root[data-stage="video"] select{color-scheme:dark}
.workspace[data-stage] .workspace-tab{background:var(--scene-bar);border-color:var(--scene-line);color:var(--scene-bar-ink)}
.workspace[data-stage] .workspace-tab .tab-dot{background:var(--scene-accent)}
.workspace[data-stage] .reference-button{background:var(--scene-control);border-color:var(--scene-line);color:var(--scene-ink)}
.workspace[data-stage] .unread-dot{background:var(--scene-accent)}
/* 01 / a clean browser around the cafe's own warm brand. */
[data-stage="cafe"] .browser-chrome{background:#e8eef1;border-color:#ccd7dc}
[data-stage="cafe"] .browser-address{background:#fff;border-color:#d4dfe4;color:#526874}
[data-stage="cafe"] .inspector,[data-stage="cafe"] .advanced-editor{background:#fff;border-color:#d5dfe4}
/* 02 / hard-edged pixel RPG, night sky and brass trim. */
[data-stage="hero"] .mini-app{border:3px solid #7b88a5;border-radius:0;box-shadow:inset 0 0 0 2px #11192e}
[data-stage="hero"] .mini-title{border-bottom:3px double #7b88a5;letter-spacing:.05em}
[data-stage="hero"] .hero-room{background:radial-gradient(circle at 12% 20%,#e5ddba 0 1px,transparent 1.5px),radial-gradient(circle at 69% 13%,#c9d9ed 0 1px,transparent 1.5px),radial-gradient(circle at 40% 41%,#a6badf 0 1px,transparent 1.5px),linear-gradient(0deg,#141d36 0 15%,#596484 15% 17%,#2d3557 17%);border-bottom:2px solid #7b88a5}
[data-stage="hero"] .quest-poster h3{font-family:'MS Gothic','Noto Sans JP',monospace;font-weight:800;color:#f0d38e;text-shadow:3px 3px #11182e;letter-spacing:.07em}
[data-stage="hero"] .quest-poster small{color:#c4d2ef}[data-stage="hero"] .quest-poster p{color:#bdc9e0}
[data-stage="hero"] .hero-mirror{border-color:#8592b1;background:linear-gradient(#b8c7dd,#dce4ec);box-shadow:inset 0 0 0 3px #586984,5px 5px #131a32;border-radius:40px 40px 0 0}
[data-stage="hero"] .mirror-label{color:#171f38;font-family:monospace}[data-stage="hero"] .pixel-floor{background:#6070894a}
[data-stage="hero"] .gear-rack{background:#1d2741;border-top:3px double #7b88a5}
[data-stage="hero"] .gear-row>strong{color:#b3c3e4;font-family:'MS Gothic','Noto Sans JP',monospace}
[data-stage="hero"] .gear-choice{border:2px solid #647391;border-radius:0;background:#2c3958;color:#e0e9fc;box-shadow:inset 2px 2px #495877,inset -2px -2px #19223a;font-family:'MS Gothic','Noto Sans JP',monospace}
[data-stage="hero"] .gear-choice.chosen{color:#f8d58d;background:#414b70}
[data-stage="hero"] .gear-glyph{color:#c8d8ef}[data-stage="hero"] .gear-choice[data-value="red_cape"] .gear-glyph{color:#ec7e8a}[data-stage="hero"] .gear-choice[data-value="blue_cape"] .gear-glyph{color:#72adea}
[data-stage="hero"] .storybook{background:#304567;border-color:#182b4d;box-shadow:5px 5px #13213d33;color:#f3d795}
[data-stage="hero"] .storybook p,[data-stage="hero"] .storybook span{color:#e4dcba}[data-stage="hero"] .storybook .pixel-hero{background:#d6e1e8}
/* 03 / white card model on a blue architectural drawing desk. */
[data-stage="room"] .mini-title{font-family:'Consolas','Noto Sans JP',monospace;letter-spacing:.04em}
[data-stage="room"] .room-viewport{background:linear-gradient(90deg,#d4e4ef66 1px,transparent 1px),linear-gradient(#d4e4ef66 1px,transparent 1px),#eaf2f7;background-size:24px 24px}
[data-stage="room"] .room-label{color:#4c7897;font-family:monospace}[data-stage="room"] .room-grid{border-color:#9db8cb;background:#b6ccda;box-shadow:12px 16px 0 #86a5bc2e}
[data-stage="room"] .floor-cell{background:#fff;border-color:#cedfe9}[data-stage="room"] .floor-cell:nth-child(2n){background:#eef5f9}
[data-stage="room"] .cell-coord{color:#7b9eb6}[data-stage="room"] .floor-mark{color:#6589a3}
[data-stage="room"] .furniture i{background:#8faabd;border-color:#6e8da3}[data-stage="room"] .furniture b{color:#355a76}
[data-stage="room"] .f-top{background:#d4e2eb!important}[data-stage="room"] .f-chair .f-top{background:#91bdd8!important}
[data-stage="room"] .f-chair .chair-back{background:#91bdd8;border-color:#5387a9}[data-stage="room"] .f-desk .f-top{background:#fff!important}
[data-stage="room"] .f-shelf .f-top{background:#e2ecf2!important}[data-stage="room"] .f-shelf .f-front{background:repeating-linear-gradient(to bottom,#9cb4c5 0 14px,#e0eaf1 14px 17px)}
[data-stage="room"] .furniture .f-leg{background:#688ba3}[data-stage="room"] .tried:after{color:#386c90;background:#ffffffee}
/* 04 / dark digital audio workstation with a pink waveform. */
[data-stage="audio"] .audio-work{background:#232632}[data-stage="audio"] .audio-heading{color:#c1c5df}[data-stage="audio"] .audio-heading strong{color:#f19bd1}
[data-stage="audio"] .wave-ruler{color:#929ab9}[data-stage="audio"] .wave-track{background:#1a1f2c;border-color:#535d78;border-radius:3px}
[data-stage="audio"] .wave-track i{background:#d875b6}[data-stage="audio"] .wave-track #play-head{background:#81d1e9}
[data-stage="audio"] .audio-region{background:#303c55;color:#c4d8f6;border-color:#536b8e;border-radius:3px}
[data-stage="audio"] .audio-region.beep{background:#653e63;color:#ffd4ef;border-color:#c27ca9}
[data-stage="audio"] .audio-region.mute{background:#393c48;color:#b6b8c8;border-color:#696b7c}
[data-stage="audio"] .audio-region.delete{background:#2e2f38;color:#9a9aac;border-color:#686577}
[data-stage="audio"] .transcript{background:#2e3242;border-color:#b572a6;color:#dce0ef}
[data-stage="audio"] .transcript>span{color:#b4aac9}[data-stage="audio"] .transcript mark{background:#594058;color:#f3c5e4}
[data-stage="audio"] .playback-caption{color:#9ed2e4}
/* 05 / cyan engineering lines and safety-yellow hardware controls. */
[data-stage="pipes"] .blueprint{background:#123d57}
[data-stage="pipes"] .pipe-plan text{fill:#b7e4ee;font-family:'Consolas','Noto Sans JP',monospace}
[data-stage="pipes"] .pipe-plan g circle{fill:#174963;stroke:#69a3bd}[data-stage="pipes"] .blueprint-number{color:#8dc4d5}
[data-stage="pipes"] .mini-title{color:#d4edf3;border-bottom:1px dashed #4a849b}[data-stage="pipes"] .mini-title .app-pill{color:#e9cd6e}
[data-stage="pipes"] .stage-tools button[data-action="water"]{background:#e5c967;color:#153b50;border-color:#f1d885;font-weight:700}
/* 06 / 90s desktop: blue title bar, grey bevels, white files. */
[data-stage="files"] .mini-app{border:2px solid #9eacbc;border-radius:0}
[data-stage="files"] .mini-title{background:linear-gradient(90deg,#214a9d,#4a7bc0);color:#fff;border-bottom:2px solid #a4b4c9}
[data-stage="files"] .mini-title .app-pill{border:0;color:#e1ebff;font-family:monospace}[data-stage="files"] .window-dots{color:#d8e6fb}
[data-stage="files"] .file-manager{background:#fff}[data-stage="files"] .folder-list{background:#e6ebf1;border-color:#bac7d5}
[data-stage="files"] .folder-list button.chosen{background:#2e5cad!important;color:#fff;box-shadow:none}
[data-stage="files"] .file-path{color:#617b99;background:#eef3fa;padding:7px;border:1px solid #d3deec;margin-bottom:0}
[data-stage="files"] .file-list{align-content:start;background:#fff}
[data-stage="files"] .file-card{background:#fff;border-color:#d8e0e9;border-radius:0;color:#294c76;font-family:var(--scene-font)}
[data-stage="files"] .file-card small{color:#627e9a}[data-stage="files"] .file-card.chosen{background:#dfeaff}
[data-stage="files"] .file-card .file-icon{color:#a54760;background:#fae1e7;border-color:#d59bab;border-radius:0}
[data-stage="files"] .file-card[data-id^="photo"] .file-icon{color:#7264a8;background:#e9e3fa;border-color:#b6aad5}
[data-stage="files"] .file-card[data-id="internal_memo"] .file-icon{color:#5e7485;background:#e2eaf0;border-color:#a5b8c8}
[data-stage="files"] .zip-tray{background:#eaf0f8;border-color:#becde0}[data-stage="files"] .zip-tray h3{color:#345c87}
[data-stage="files"] .zip-icon{background:#ddb75d;border-color:#f2d991;color:#5c461a;border-radius:0;box-shadow:2px 2px #afc1d1}
[data-stage="files"] .zip-status{color:#4976a1}[data-stage="files"] .empty-files{color:#7e94ac}
[data-stage="files"] .attached-file{color:#34577f;background:#fff;border-color:#c0cfe0;border-radius:0}
[data-stage="files"] .file-preview{background:#edf2f8;border-color:#c1cfdf;color:#294b74}[data-stage="files"] .file-preview span,[data-stage="files"] .file-preview p{color:#607d9a}
[data-stage="files"] .stage-tools button{box-shadow:inset 1px 1px #fff,inset -1px -1px #a4afbd}
[data-stage="files"] .mail-reference{background:#f1f5fc;border-color:#c2d1e4;color:#355f8b}[data-stage="files"] .mail-reference strong{color:#2f6392;background:#dce9f7}
/* 07 / nonlinear video editor, charcoal panels and violet transport. */
[data-stage="video"] .video-work{background:#202127}
[data-stage="video"] .video-screen{background:#16171c;border:1px solid #666071;border-radius:0;box-shadow:0 5px 18px #1114}
[data-stage="video"] .video-screen #frame-label{background:#24212edd;color:#e0d4fa;border:1px solid #6e6088}
[data-stage="video"] .video-ruler{color:#b6afc4}[data-stage="video"] .video-ruler strong{color:#c3a7f1}
[data-stage="video"] .film-strip{background:#8271b3;border-color:#b7a2de;border-radius:3px}
[data-stage="video"] .film-strip span{color:#fff;border-color:#c7b5e2}[data-stage="video"] .film-strip span:nth-child(2){background:#a08bc8}
[data-stage="video"] .film-strip span:nth-child(3){background:#6d84a7}[data-stage="video"] .film-strip span:last-child{background:#3e414b}
[data-stage="video"] .timeline-range{color:#c0b9d2}[data-stage="video"] .timeline-range input{accent-color:#b9a0ea}
/* 08 / industrial robot lab, graph paper and orange hardware. */
[data-stage="robot"] .robot-world{background:linear-gradient(90deg,#c5d5df44 1px,transparent 1px),linear-gradient(#c5d5df44 1px,transparent 1px),#f2f6f8;background-size:22px 22px}
[data-stage="robot"] .robot-track{border-bottom:5px solid transparent;border-image:repeating-linear-gradient(120deg,#d3a64b 0 12px,#394957 12px 24px) 5}
[data-stage="robot"] .robot-dock{color:#c47b35}[data-stage="robot"] #little-robot{background:#edf4f7;border-color:#728e9e;color:#456477;box-shadow:inset 0 -5px #c5d5df}
[data-stage="robot"] #little-robot i{background:#859eac}[data-stage="robot"] #little-robot i:before{background:#df8748}[data-stage="robot"] #little-robot span{color:#526e7e}
[data-stage="robot"] .robot-box.red{background:#efad99;border-color:#cc7c66;color:#793e31}[data-stage="robot"] .robot-box.blue{background:#a4c7df;border-color:#689bbd;color:#315e7f}
[data-stage="robot"] .robot-program{background:#263e52;border-color:#415f74;box-shadow:3px 3px #b3c7d333;border-radius:8px}
[data-stage="robot"] .robot-program>span{color:#b9ccda}[data-stage="robot"] .code-line{color:#f1bd7c;font-weight:700}
[data-stage="robot"] .code-line .tool-label{color:#bfd1df;font-weight:400}
[data-stage="robot"] .code-line select{background:#3b586d;color:#f4f8fb;border-color:#67879d;color-scheme:dark;border-radius:3px}
[data-stage="robot"] .robot-log{background:#e0eaf0;border:1px solid #beccd6;color:#466e86}
/* 09 / wedding stationery, rose paper and serif place cards. */
[data-stage="seating"] .mini-app{border-color:#d9acbd;border-radius:0 8px 8px 8px}
[data-stage="seating"] .mini-title{font-family:'Noto Serif JP','Yu Mincho',serif;letter-spacing:.06em;background:#f6e2e9}
[data-stage="seating"] .window-dots{color:#c78ba2}[data-stage="seating"] .seating-world{background:radial-gradient(circle at 3% 5%,#ecc6d54d 0 22px,transparent 23px),radial-gradient(circle at 95% 92%,#ecc6d54d 0 35px,transparent 36px),#fbf0f4}
[data-stage="seating"] .entrance-label{color:#975b72;font-family:'Noto Serif JP',serif}[data-stage="seating"] .entrance-label span{color:#a9788b}
[data-stage="seating"] .table-top{background:#e7c6d2;border-color:#c696a9;color:#936078;font-family:Georgia,serif;box-shadow:inset 0 0 0 4px #f5e5eb}
[data-stage="seating"] .seat{background:#fffdfd;border-color:#dab7c6;border-radius:8px;color:#75465b;font-family:'Noto Serif JP','Yu Mincho',serif}
[data-stage="seating"] .seat.accessible{background:#f8e1e9;border-color:#c08da2}[data-stage="seating"] .seat-id{color:#a26e83}
[data-stage="seating"] .guest-face{background:#edcbd2;color:#a06c79}[data-stage="seating"] .guest-memo{background:#fff8fb;border-color:#dbb3c3;color:#99667d;border-radius:3px;box-shadow:3px 3px #ebd2dd55}
[data-stage="seating"] .people-notes article{background:#fff7fa;border-color:#d8aec0;color:#8e5a72}
/* 10 / purple version-review console around the same cafe. */
[data-stage="versions"] .version-bar{background:#392e54;color:#f2ecff;border-color:#75638f;border-radius:0 6px 0 0;padding:12px;gap:9px}
[data-stage="versions"] .version-bar>strong{color:#e4d3fc;font-family:'Consolas','Noto Sans JP',monospace;letter-spacing:.04em}
[data-stage="versions"] .version-bar select{background:#514267;color:#f1e8ff;border-color:#89769f;color-scheme:dark}
[data-stage="versions"] .version-diff{border-color:#79678e}
[data-stage="versions"] .version-diff>div{padding:9px 12px;background:#e8e1f3;border-left:3px solid #b59bcf;border-radius:2px}
[data-stage="versions"] .version-diff>div:last-child{background:#f4e6ee;border-color:#c796b2}
[data-stage="versions"] .version-diff small{color:#7d6498}[data-stage="versions"] .version-diff p{color:#4e3f6b;font-family:'Consolas','Noto Sans JP',monospace}
[data-stage="versions"] .browser-window{border-color:#a796bf}[data-stage="versions"] .browser-chrome{background:#e9e3f1;border-color:#cec0df}
[data-stage="versions"] .browser-address{background:#fbf9ff;border-color:#cdbde0;color:#75608f}
[data-stage="versions"] .inspector,[data-stage="versions"] .advanced-editor{background:#f9f6ff;border-color:#d1c3e1}
[data-stage="versions"] .inspector-selection select,[data-stage="versions"] .advanced-fields textarea{background:#fff;color:#635078;border-color:#c4b2d8}
[data-stage="versions"] .color-swatch.active{background:#e7dcf5;border-color:#9a7cbb;color:#71518f}
[data-stage="versions"] #size-options button.active{background:#8862b7;border-color:#8862b7;color:#fff}
@media(max-width:900px){[data-stage="hero"] .hero-mirror{border-width:6px}[data-stage="files"] .zip-tray{background:#eaf0f8}[data-stage="seating"] .stage-tools{gap:8px}[data-stage="seating"] .stage-tools button{font-family:var(--font)}[data-stage="versions"] .version-diff>div{padding:7px 9px}}

[data-stage="files"] .folder-list button.chosen{--scene-ink:#fff;--scene-control:#2e5cad;--scene-hover:#3b6dc4}
.workspace[data-stage="files"] .workspace-tab .tab-dot{background:#dceaff}
[data-stage="files"] .file-card strong{font-size:13px;line-height:1.5}
[data-stage="pipes"] .stage-tools button[data-action="water"]{--scene-control:#e5c967;--scene-ink:#153b50;--scene-line:#f1d885;--scene-hover:#f4dc88}
[data-stage="robot"] .robot-program{--scene-control:#3b586d;--scene-ink:#f4f8fb;--scene-line:#67879d;--scene-muted:#bfd1df}