/* Shared standalone-tool chrome. Each tool keeps its scene, illustration and data colors. */
:root{--tb-bg:#f5f6f8;--tb-surface:#fff;--tb-ink:#1f2329;--tb-muted:#5b636e;--tb-border:#e1e4e8;--tb-field:#8a929c;--tb-accent:#3f6684;--tb-hover:#33566f;--tb-soft:#edf2f6;--tb-mist:#c3d3e0;--tb-on:#fff;color-scheme:light}
html[data-theme=dark]{--tb-bg:#16181b;--tb-surface:#1e2125;--tb-ink:#e9ecef;--tb-muted:#a7afb8;--tb-border:#33373d;--tb-field:#6b737d;--tb-accent:#9fc1dc;--tb-hover:#bcd5e8;--tb-soft:#243039;--tb-mist:#3d5162;--tb-on:#10202d;color-scheme:dark}
[data-toolbox-ui] :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--tb-accent);outline-offset:3px}
[data-toolbox-ui] dialog{background:var(--tb-surface);color:var(--tb-ink);border-color:var(--tb-border)}
[data-toolbox-ui] dialog::backdrop{background:#10182066}
/* Cottage: the room SVG and printed scene labels are untouched. */
[data-toolbox-ui=cottage]{--paper:var(--tb-bg);--ink:var(--tb-ink);--muted:var(--tb-muted);--accent:var(--tb-accent);--line:var(--tb-border);background:var(--tb-bg);color:var(--tb-ink)}
[data-toolbox-ui=cottage] :is(header>a,header>div>span,h1 span,.under-room,.under-room button,.notes,footer){font-size:13px;color:var(--tb-muted)}
[data-toolbox-ui=cottage] .photo{background:var(--tb-surface);border-color:var(--tb-border);box-shadow:none;font-size:14px}
[data-toolbox-ui=cottage] .photo:hover{background:var(--tb-soft);border-color:var(--tb-mist)}
[data-toolbox-ui=cottage] .dialogue{background:color-mix(in srgb,var(--tb-surface) 96%,transparent);border-color:var(--tb-border);color:var(--tb-ink)}
[data-toolbox-ui=cottage] .dialogue>span{font-size:12px}
[data-toolbox-ui=cottage] .dialogue p{font-size:14px}
[data-toolbox-ui=cottage] .interactions button{font-size:14px}
[data-toolbox-ui=cottage] .interactions button>span{color:var(--tb-accent)}
[data-toolbox-ui=cottage] .interactions button:hover,[data-toolbox-ui=cottage] .interactions button[aria-pressed=true]{background:var(--tb-soft);color:var(--tb-accent)}
[data-toolbox-ui=cottage] #download{background:var(--tb-accent);color:var(--tb-on);font-size:14px}
[data-toolbox-ui=cottage] dialog p{font-size:14px}
/* Director: neutral control board; gain/loss markers and generated movie receipt retain their semantics. */
html:has(> body[data-toolbox-ui=director]){overflow-x:clip}
[data-toolbox-ui=director]{overflow-x:clip;--bg:var(--tb-bg);--panel:var(--tb-surface);--ink:var(--tb-ink);--muted:var(--tb-muted);--line:var(--tb-border);--accent:var(--tb-accent);background:var(--tb-bg);color:var(--tb-ink)}
[data-toolbox-ui=director] ::selection{background:var(--tb-mist);color:var(--tb-ink)}
[data-toolbox-ui=director] :is(.topline,.subtitle,.club-note,.board-heading,.rules summary,footer){color:var(--tb-muted)}
[data-toolbox-ui=director] :is(.eyebrow,.club-note,.board-heading,.intro-meta,.intro p.smallprint,.choice-heading,.producer>span,.producer small,.rules,.topline,footer){font-size:13px;letter-spacing:0}
[data-toolbox-ui=director] .clapper{border-color:var(--tb-border);background:repeating-linear-gradient(125deg,var(--tb-accent) 0,var(--tb-accent) 32px,var(--tb-soft) 33px,var(--tb-soft) 65px)}
[data-toolbox-ui=director] :is(.board-heading,.stats,.fox-note,.producer){background:var(--tb-soft);border-color:var(--tb-border)}
[data-toolbox-ui=director] .stats strong{color:var(--tb-ink)}
[data-toolbox-ui=director] :is(.stats>div>span,.stats p,.stats strong small,.fox-note small){font-size:12px;color:var(--tb-muted)}
[data-toolbox-ui=director] .primary{background:var(--tb-accent);color:var(--tb-on);border-color:var(--tb-accent);border-radius:10px}
[data-toolbox-ui=director] .primary:hover{background:var(--tb-hover);border-color:var(--tb-hover)}
[data-toolbox-ui=director] .choice{background:var(--tb-surface);color:var(--tb-ink);border-color:var(--tb-border);border-radius:10px}
[data-toolbox-ui=director] .choice:not(:disabled):hover,[data-toolbox-ui=director] .choice.selected{background:var(--tb-soft);border-color:var(--tb-accent)}
[data-toolbox-ui=director] .letter{background:var(--tb-soft);color:var(--tb-accent)}
[data-toolbox-ui=director] .dots i{background:var(--tb-border)}
[data-toolbox-ui=director] .dots .filled{background:var(--tb-accent)}
[data-toolbox-ui=director] .fox-portrait{background:var(--tb-surface);border-color:var(--tb-border);box-shadow:3px 8px 0 var(--tb-soft)}
[data-toolbox-ui=director] .fox-portrait strong,[data-toolbox-ui=director] .fox-portrait div span{color:var(--tb-muted);font-size:11px}
[data-toolbox-ui=director] :is(.fox-note,.producer p){color:var(--tb-ink)}
[data-toolbox-ui=director] :is(.fox-note>span,.choice-arrow){color:var(--tb-accent)}
[data-toolbox-ui=director] .portrait-tape{background:var(--tb-mist);border-color:var(--tb-surface)}
html[data-theme=dark] [data-toolbox-ui=director] .gain{color:#8fcfb0}
html[data-theme=dark] [data-toolbox-ui=director] .loss{color:#f19a9a!important}
/* Folded Garden: surface-backed HUDs remain readable over the unchanged bright garden. */
[data-toolbox-ui=foldgarden] :is(.topbar,.story,.view-badge,.onboarding,.bottom-ui,.scene-footer,.accessibility,dialog){--ink:var(--tb-ink);--accent:var(--tb-accent);--faded:var(--tb-muted);--line:var(--tb-border);color:var(--tb-ink)}
[data-toolbox-ui=foldgarden] :is(.topbar,.story,.view-badge,.scene-footer,.accessibility){background:color-mix(in srgb,var(--tb-surface) 94%,transparent);border-radius:10px}
[data-toolbox-ui=foldgarden] .topbar{padding-inline:12px;border-color:var(--tb-border)}
[data-toolbox-ui=foldgarden] .story{padding:16px}
[data-toolbox-ui=foldgarden] :is(.view-badge,.scene-footer){padding:6px 10px}
[data-toolbox-ui=foldgarden] :is(.onboarding,.orbit-control,.accessibility[open]){background:color-mix(in srgb,var(--tb-surface) 96%,transparent);border-color:var(--tb-border)}
[data-toolbox-ui=foldgarden] .orbit-control>button{background:var(--tb-soft);color:var(--tb-accent)}
[data-toolbox-ui=foldgarden] .orbit-control>button:hover{background:var(--tb-mist)}
[data-toolbox-ui=foldgarden] :is(.side-control,#status,.keyboard-note){background:color-mix(in srgb,var(--tb-surface) 96%,transparent);border-radius:8px}
[data-toolbox-ui=foldgarden] #status{padding:6px 10px;font-size:13px}
[data-toolbox-ui=foldgarden] .keyboard-note{display:inline-block;padding:4px 8px;font-size:12px}
[data-toolbox-ui=foldgarden] :is(.utilities button span,#chapter-count,#verse,.story-foot,.onboarding small,.view-badge,.scene-footer,.scene-footer button,.accessibility,.fine-print){font-size:12px;letter-spacing:0}
[data-toolbox-ui=foldgarden] .edition{font-size:11px;opacity:1;letter-spacing:.06em;color:var(--tb-muted)}
[data-toolbox-ui=foldgarden] .side-control span{font-size:11px;opacity:1}
[data-toolbox-ui=foldgarden] .orbit-control small{font-size:11px}
[data-toolbox-ui=foldgarden] .primary{background:var(--tb-accent);color:var(--tb-on);font-size:14px}
[data-toolbox-ui=foldgarden] #destinations button{border-color:var(--tb-field);font-size:13px;min-height:40px}
/* Foxfire: chrome is neutral; cards, map nodes, resource colors and battle artwork are unchanged. */
[data-toolbox-ui=foxfire]{--paper:var(--tb-bg);--ink:var(--tb-ink);--muted:var(--tb-muted);--line:var(--tb-border);background:var(--tb-bg);color:var(--tb-ink)}
[data-toolbox-ui=foxfire] :is(.card,.arena,.welcome-art,.map-board){--paper:#f5f2e9;--ink:#293f35;--muted:#5f6a60;--line:#dedfd1}
[data-toolbox-ui=foxfire] .map-board{background:#fbfaf3;border-radius:8px}
[data-toolbox-ui=foxfire] :is(.brand-flower,.welcome h1>span,.text-button){color:var(--tb-accent)}
[data-toolbox-ui=foxfire] :is(.eyebrow,.intro,.features,.small-note,.hint,.welcome h1 i,.title-ornament,.game-heading h1>span,.side-heading,.fox-note,.journey-log li,.journey-log li:first-child,.seed,.battle-title,.panel-heading p,.choice-panel>p,.event-story){color:var(--tb-muted)}
[data-toolbox-ui=foxfire] :is(.save-status,.crumb,.features,.small-note,.hint,.site-footer,.panel-heading p,.journal-side .hint,.journey-log li,.battle-title){font-size:13px}
[data-toolbox-ui=foxfire] .eyebrow{font-size:12px;letter-spacing:.08em}
[data-toolbox-ui=foxfire] .btn{background:transparent;border-color:var(--tb-border);color:var(--tb-ink);font-size:14px;border-radius:10px}
[data-toolbox-ui=foxfire] .btn:hover:not(:disabled){background:var(--tb-soft);border-color:var(--tb-mist)}
[data-toolbox-ui=foxfire] .btn.primary{background:var(--tb-accent);border-color:var(--tb-accent);color:var(--tb-on)}
[data-toolbox-ui=foxfire] .btn.primary:hover:not(:disabled){background:var(--tb-hover)}
[data-toolbox-ui=foxfire] .btn.small{font-size:12px;min-height:40px}
[data-toolbox-ui=foxfire] :is(.icon-button:hover,.icon-button.enabled){background:var(--tb-soft);border-color:var(--tb-mist)}
[data-toolbox-ui=foxfire] :is(.panel,.boon,.journal-side,.hud,.turn-toolbar,.choice-button,.event-choice,.shop-extra){background:var(--tb-surface);border-color:var(--tb-border);color:var(--tb-ink)}
[data-toolbox-ui=foxfire] :is(.boon.selected,.boon:hover,.choice-button:hover:not(:disabled),.event-choice:hover){background:var(--tb-soft);border-color:var(--tb-accent)}
[data-toolbox-ui=foxfire] :is(.boon span>span,.boon small,.traveler small,.health-stat small,.gold-stat small,.floor-stat>span,.floor-stat strong small,.journal-side h3 small,.choice-button>span,.event-choice small,.turn-tip,.energy small,.piles button,.piles>span,.map-legend){color:var(--tb-muted)}
[data-toolbox-ui=foxfire] :is(.floor-stat strong,.side-heading>.icon){color:var(--tb-accent)}
[data-toolbox-ui=foxfire] :is(.journal-side section,.map-legend,.floor-stat){border-color:var(--tb-border)}
[data-toolbox-ui=foxfire] .map-tabs button{color:var(--tb-muted);font-size:12px}
[data-toolbox-ui=foxfire] .map-tabs button.selected{background:var(--tb-soft);border-color:var(--tb-accent);color:var(--tb-accent)}
[data-toolbox-ui=foxfire] #toast{background:var(--tb-accent);color:var(--tb-on)}
/* Journey: map palette/transport classes stay explicit; UI variables stop at the map stage. */
[data-toolbox-ui=journey]{--paper:var(--tb-bg);--panel:var(--tb-surface);--raised:var(--tb-surface);--ink:var(--tb-ink);--muted:var(--tb-muted);--line:var(--tb-border);--line-2:var(--tb-soft);--border:var(--tb-border);background:var(--tb-bg);color:var(--tb-ink)}
[data-toolbox-ui=journey] .map-stage{--paper:#edf0f4;--panel:#f9fafc;--raised:#fff;--ink:#111a2a;--muted:#4a5669;--line:#d5dbe4;--line-2:#e4e8ee;--border:#c3ccd8}
[data-toolbox-ui=journey] :is(button,.preset-card,.city-chip,.file-pick){background:var(--tb-surface);color:var(--tb-ink);border-color:var(--tb-border)}
[data-toolbox-ui=journey] button:hover{background:var(--tb-soft);border-color:var(--tb-mist)}
[data-toolbox-ui=journey] button.primary{background:var(--tb-accent);border-color:var(--tb-accent);color:var(--tb-on)}
[data-toolbox-ui=journey] button.primary:hover{background:var(--tb-hover);border-color:var(--tb-hover)}
[data-toolbox-ui=journey] :is(h1 span,.stamp,.import-steps){color:var(--tb-accent)}
[data-toolbox-ui=journey] .stamp{border-color:var(--tb-mist);outline-color:var(--tb-mist)}
[data-toolbox-ui=journey] :is(.eyebrow,.intro-copy,.intro-right p,.notice,.archive-select label,.metric span,.metric small,.section-title>span,.legend,.map-disclaimer,.trip-info small,.trip-date,.city-chip small,.preset-card small,.preset-card p,dialog p,.small,.muted,.help-list li,label,legend,footer,.empty,.year-divider span){color:var(--tb-muted)}
[data-toolbox-ui=journey] :is(.wordmark small,.local-tag,.eyebrow,.metric span,.metric small,.archive-select label,.notice,.legend,.map-disclaimer,.trip-info small,.trip-date,.section-title>span,footer){font-size:12px}
[data-toolbox-ui=journey] :is(.actions button,.text-btn,.segments button,.mode-filters button){font-size:13px;min-height:40px}
[data-toolbox-ui=journey] :is(.trip-info strong,.year-divider,.blank-start h3){color:var(--tb-ink)}
[data-toolbox-ui=journey] :is(.trip-row,.year-divider,fieldset,.preset-card){border-color:var(--tb-border)}
[data-toolbox-ui=journey] .trip-row.active{background:var(--tb-soft)}
[data-toolbox-ui=journey] .segments{background:var(--tb-soft)}
[data-toolbox-ui=journey] .segments button[aria-pressed=true],[data-toolbox-ui=journey] .mode-filters button[aria-pressed=true]{background:var(--tb-accent);color:var(--tb-on)}
[data-toolbox-ui=journey] :is(input:not([type=file]),textarea,select){background:var(--tb-surface);color:var(--tb-ink);border-color:var(--tb-field)}
[data-toolbox-ui=journey] :is(.preview-table th,pre){background:var(--tb-soft);color:var(--tb-ink)}
[data-toolbox-ui=journey] .map-tools button{background:var(--tb-surface);color:var(--tb-ink);border-color:var(--tb-field)}
[data-toolbox-ui=journey] .map-bottom{color:#4a5669}
[data-toolbox-ui=journey] .ticket :is(.ticket-meta,.ticket-note){color:#4a5669}
[data-toolbox-ui=journey] .ticket-actions button{background:#f9fafc;color:#16324a;border-color:#8a929c}
[data-toolbox-ui=journey] :is(.month-column>span,.month-column small){color:var(--tb-muted);font-size:11px}
html[data-theme=dark] [data-toolbox-ui=journey] .error{color:#f19a9a!important}
[data-toolbox-ui=journey] .toast{background:var(--tb-accent);color:var(--tb-on)}
/* Converter: every field and panel uses the same neutral surfaces, status meanings are retained. */
[data-toolbox-ui=cpa]{--bg:var(--tb-bg);--bg-deep:var(--tb-soft);--panel:var(--tb-surface);--panel-strong:var(--tb-surface);--line:var(--tb-border);--line-strong:var(--tb-field);--text:var(--tb-ink);--muted:var(--tb-muted);--accent:var(--tb-accent);--accent-soft:var(--tb-soft);--shadow:none;background:var(--tb-bg);background-image:none;color:var(--tb-ink)}
[data-toolbox-ui=cpa] :is(.fox-toolbar,.provider-entry,.dropzone,.paste-panel,.result-panel){background:var(--tb-surface);border-color:var(--tb-border)}
[data-toolbox-ui=cpa] :is(.privacy-state,.mode-switch,.import-method-switch,.hero-tags span,.support-item,.source-pill,.button-secondary,.button-ghost){background:var(--tb-soft);border-color:var(--tb-border);color:var(--tb-ink)}
[data-toolbox-ui=cpa] :is(.fox-brand strong,.eyebrow,.paste-label){color:var(--tb-accent)}
[data-toolbox-ui=cpa] .provider-icon{background:#fff;border-radius:8px;padding:5px;box-sizing:border-box}
[data-toolbox-ui=cpa] .github-link{background:var(--tb-surface);border-color:var(--tb-border)}
[data-toolbox-ui=cpa] .github-link:hover{background:var(--tb-soft);border-color:var(--tb-mist)}
[data-toolbox-ui=cpa] :is(.mode-option.is-active,.import-method.is-active,.button-primary){color:var(--tb-on);background:var(--tb-accent);box-shadow:none}
[data-toolbox-ui=cpa] .button-primary:hover:not(:disabled){background:var(--tb-hover)}
[data-toolbox-ui=cpa] :is(.paste-input,.paste-input:focus){background:var(--tb-surface);border-color:var(--tb-field);color:var(--tb-ink)}
[data-toolbox-ui=cpa] .paste-input:focus{border-color:var(--tb-accent);box-shadow:0 0 0 3px var(--tb-soft)}
[data-toolbox-ui=cpa] :is(.dropzone.is-dragover,.dropzone:focus-visible){border-color:var(--tb-accent);background:var(--tb-soft)}
[data-toolbox-ui=cpa] :is(th,td){border-color:var(--tb-border)}
[data-toolbox-ui=cpa] th{background:var(--tb-soft);color:var(--tb-ink)}
[data-toolbox-ui=cpa] .file-entry{color:var(--tb-accent)}
[data-toolbox-ui=cpa] :is(.plan-chip,.source-chip){background:var(--tb-soft);color:var(--tb-ink);border-color:var(--tb-border)}
[data-toolbox-ui=cpa] :is(td code,.file-name){color:var(--tb-ink)}
[data-toolbox-ui=cpa] :is(.button,.mode-option,.import-method){font-size:14px;min-height:44px}
/* Sunflowers: only the control tray and readable text plaques change, never the painted canvas. */
[data-toolbox-ui=sunflowers] .controls{background:color-mix(in srgb,var(--tb-surface) 96%,transparent);border-color:var(--tb-border)}
[data-toolbox-ui=sunflowers] .controls button{color:var(--tb-ink);font-size:13px;letter-spacing:0;min-height:44px;padding:10px 14px}
[data-toolbox-ui=sunflowers] .controls button:hover,[data-toolbox-ui=sunflowers] .controls button[aria-pressed=true]{background:var(--tb-accent);color:var(--tb-on)}
[data-toolbox-ui=sunflowers] :is(header,.note,.hint,.caption,.edition){background:color-mix(in srgb,var(--tb-surface) 92%,transparent);color:var(--tb-ink);border-radius:10px;padding:10px 14px;pointer-events:none}
[data-toolbox-ui=sunflowers] :is(header p,.note,.caption){color:var(--tb-muted)}
[data-toolbox-ui=sunflowers] .note em{color:var(--tb-ink)}
[data-toolbox-ui=sunflowers] :is(header p,.hint,.eyebrow){font-size:12px;letter-spacing:.06em}
[data-toolbox-ui=sunflowers] .note>span{font-size:12px!important;opacity:1!important}
[data-toolbox-ui=sunflowers] .hint{bottom:115px;white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 32px)}
@media(max-width:700px){[data-toolbox-ui=cottage] .interactions{gap:4px}[data-toolbox-ui=cottage] .interactions button{font-size:13px;gap:6px}[data-toolbox-ui=cottage] .dialogue p{font-size:13px}[data-toolbox-ui=foldgarden] .story{padding:10px}[data-toolbox-ui=foldgarden] .edition{font-size:10px}[data-toolbox-ui=foldgarden] .topbar{padding-inline:8px}[data-toolbox-ui=foldgarden] .utilities{gap:12px}[data-toolbox-ui=foldgarden] .scene-footer{font-size:11px}[data-toolbox-ui=foldgarden] .keyboard-note{font-size:11px}[data-toolbox-ui=foxfire] .features{font-size:12px;gap:12px}[data-toolbox-ui=foxfire] .features span+span:before{margin-right:12px}[data-toolbox-ui=journey] .actions button{font-size:12px}[data-toolbox-ui=sunflowers] header{left:24px;top:25px}[data-toolbox-ui=sunflowers] header h1{font-size:28px;margin-block:12px}[data-toolbox-ui=sunflowers] .edition{right:20px;top:25px;font-size:9px;padding:8px}[data-toolbox-ui=sunflowers] .note{left:24px;bottom:155px;font-size:11px;padding:8px 12px;max-width:calc(100vw - 48px)}[data-toolbox-ui=sunflowers] .note em{font-size:14px}[data-toolbox-ui=sunflowers] .hint{bottom:99px;font-size:11px}[data-toolbox-ui=sunflowers] .controls{max-width:calc(100vw - 24px)}[data-toolbox-ui=sunflowers] .controls button{font-size:12px;padding-inline:10px}}