:root{--theme-panel:#101113;--theme-raised:#191a1d;--theme-stage:#090a0c;--theme-stage-dot:#26272a;--theme-input:#17181b;--theme-contrast:#101010;--theme-soft:#c8c8c5;--theme-selected:#30291d}
:root:not([data-theme]),:root[data-theme=gold]{--bg:#08090b;--surface:#101113;--raised:#191a1d;--line:#2b2c2f;--text:#efefeb;--muted:#9a9da3}
.button,.icon-button,.field-button,.avatar,.motif-card,.nav-item{transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease,box-shadow 140ms ease,transform 120ms ease}
@media(hover:hover){.button:not(:disabled):hover,.icon-button:not(:disabled):hover,.avatar:hover{transform:translateY(-1px);box-shadow:0 2px 7px #0003}.motif-card:hover{transform:translateY(-2px)}.nav-item:hover{transform:translateY(-1px)}}
.button:not(:disabled):active,.icon-button:not(:disabled):active,.field-button:not(:disabled):active,.avatar:active{transform:translateY(1px);box-shadow:none;transition-duration:60ms}.motif-card:active{transform:scale(.985)}.button:focus-visible,.icon-button:focus-visible,.motif-card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 24%,transparent)}.motif-card .selected-check{animation:selection-confirm 160ms ease-out both}@keyframes selection-confirm{from{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.button,.icon-button,.field-button,.avatar,.motif-card,.nav-item,.motif-card .selected-check{animation:none!important;transition:none!important;transform:none!important}}
:root[data-theme=light]{color-scheme:light;--bg:#eef3f8;--surface:#fff;--raised:#f3f6fc;--line:#c8d4e3;--text:#172b45;--muted:#536782;--gold:#1659c7;--gold-bright:#0f46a2;--theme-panel:#fff;--theme-raised:#f1f5fb;--theme-stage:#e5edf7;--theme-stage-dot:#bdcfe2;--theme-input:#fff;--theme-contrast:#fff;--theme-soft:#374f6d;--theme-selected:#e3edff;--red:#a52232;--green:#246b43}
:root[data-theme=forest]{--bg:#10241e;--surface:#193128;--raised:#274236;--line:#3c6251;--text:#e6f3e8;--muted:#a6c6b4;--gold:#9ed9ad;--gold-bright:#c1efc4;--theme-panel:#193128;--theme-raised:#254536;--theme-stage:#0b211a;--theme-stage-dot:#2c5141;--theme-input:#203d30;--theme-contrast:#142e21;--theme-soft:#c1dcca;--theme-selected:#31523b}
.topbar,.projectbar,.library-pane,.settings-pane,.settings-title,.price-card,.editor-toolbar,.metrics-strip,.checkbar,.statusbar,.selected-motif,.library-bottom{background:var(--theme-panel);color:var(--text);border-color:var(--line)}
.brand{color:var(--text)}.brand-sub em,.eyebrow,.workspace-label,.project-actions>span,.version,.library-bottom p,.canvas-hint,.canvas-unit,.microcopy,.finish .muted,.selected-motif p,.metrics-strip span,.metrics-strip small,.price-card p,.settings-section label,.field-grid label,.field,.check-label,.bend-edge label,.canvas-bottom,.orientation,.statusbar,.modal-header .eyebrow{color:var(--muted)}
.canvas-wrap{background-color:var(--theme-stage);background-image:radial-gradient(var(--theme-stage-dot) .65px,transparent .65px);background-size:20px 20px}.canvas-wrap:after{background:none}.canvas-label{color:var(--theme-soft)}
.button,.field-button,.search,.count,.view-switch,.zoom-control,.draft-pill,.avatar,.language-select{background:var(--theme-raised);border-color:var(--line);color:var(--text)}.button:hover,.field-button:hover{background:var(--theme-selected)}.button.quiet{background:transparent}.button.primary{background:var(--gold);color:var(--theme-contrast);border-color:var(--gold)}.button.primary:hover{background:var(--gold-bright)}.view-switch button,.category-tabs button,.icon-button,.help-button,.price-breakdown{color:var(--muted)}.view-switch button.selected,.category-tabs button.selected{background:var(--theme-selected);border-color:var(--gold);color:var(--gold-bright)}.price strong,.price-top,.settings-section h3,.pane-heading h1,.settings-title h2,.metrics-strip strong{color:var(--text)}
input:not([type=checkbox]):not([type=color]),select,textarea,.text-input{color:var(--text);background:var(--theme-input);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.project-breadcrumb input{background:transparent}.search input{background:transparent}.input-unit>span{color:var(--muted)}
dialog{background:var(--theme-panel);color:var(--text);border-color:var(--line)}.modal-header{background:var(--theme-panel);border-color:var(--line)}#modalBody p,.quote-table td,.account-form label,.help-list,.export-facts small,.workflow-history,.artwork-tools label,.artwork-card small,.scene-layout label{color:var(--theme-soft)}.info-box,.repair-panel,.export-facts>div,.audit-summary>div,.workspace-code,.workflow-project,.licence-list>div,.artwork-card,.bend-edge,.scene-item,.review-preview{background:var(--theme-raised);border-color:var(--line);color:var(--text)}.repair-panel label,.repair-selected,.repair-panel h3,.audit-issue strong,.audit-groups button{color:var(--theme-soft)}.audit-issue .issue-message,.audit-issue small{color:var(--muted)}.audit-issue.selected,.audit-groups button.selected{background:var(--theme-selected);color:var(--gold-bright)}.audit-groups button{background:var(--theme-raised);border-color:var(--line)}.audit-preview-toolbar{background:var(--theme-raised);border-color:var(--line)}.audit-preview-wrap,.artwork-map{background:var(--theme-stage)}.scene-layout canvas{background:var(--theme-stage)}
.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 25px}.theme-card{position:relative;border:2px solid transparent;border-radius:8px;background:var(--sample-bg);color:var(--sample-text);padding:12px;text-align:left}.theme-card.chosen{border-color:var(--sample-accent)}.theme-card>strong{font-size:11px}.theme-card>span:last-child{position:absolute;right:10px;bottom:10px;color:var(--sample-accent)}.theme-sample{display:grid;grid-template-columns:1fr 2fr 1fr;height:65px;gap:5px;margin-bottom:12px;border-top:7px solid var(--sample-accent);padding-top:6px}.theme-sample i{background:var(--sample-panel);border-radius:3px}.theme-sample i:nth-child(2){background:repeating-linear-gradient(120deg,var(--sample-accent) 0 5px,transparent 6px 11px)}.finish-presets{display:flex;gap:11px;flex-wrap:wrap;margin:18px 0}.finish-preset{width:38px;height:38px;border:2px solid var(--line);border-radius:50%;color:white;text-shadow:0 1px 3px black}.appearance-custom{display:flex;align-items:center;gap:30px;margin:20px 0}.appearance-custom>label{display:flex;gap:12px;align-items:center;font-size:12px}.appearance-custom input[type=color]{width:45px;height:34px;padding:2px;background:none;border:1px solid var(--line)}
[data-theme=light] .motif-art{background:#cad7e6}[data-theme=light] .motif-card.selected .motif-art{border-color:var(--gold);box-shadow:0 0 0 2px #1659c733}[data-theme=light] .motif-name{color:#163251}[data-theme=light] .motif-category{color:#4b6584}[data-theme=light] .brand{font-weight:700}[data-theme=light] .button{border-radius:8px}[data-theme=light] .error-box,[data-theme=light] .modal-error,[data-theme=light] .check-item.error{color:#9b2435}[data-theme=light] .warning-box,[data-theme=light] .checkSummary.warning{color:#795016}[data-theme=light] .audit-bad strong{color:#a32235}[data-theme=light] .audit-good strong{color:#23683c}[data-theme=light] .workflow-status{color:#314d71;border-color:#7495ba}[data-theme=light] .serial-output{background:#e5eefc;color:#184375;border-color:#8eafd6}[data-theme=light] #toast{background:#17395c;color:white}[data-theme=light] .canvas-error{background:#fff0f0;color:#93212b}
[data-theme=forest] .button,[data-theme=forest] .motif-art{border-radius:12px}[data-theme=forest] .canvas-wrap{background-image:linear-gradient(45deg,#1e51351a,transparent 65%),radial-gradient(var(--theme-stage-dot) .6px,transparent .6px)}[data-theme=forest] h1,[data-theme=forest] h2{letter-spacing:.1px}
@media(max-width:640px){.theme-picker{grid-template-columns:repeat(2,1fr)}.appearance-custom{align-items:flex-start;flex-direction:column;gap:12px}.top-end{gap:8px}}@media print{.theme-picker,.appearance-custom{display:none}}

.view-presets{position:absolute;top:42px;left:20px;display:flex;gap:8px;z-index:3}.view-presets .button{height:29px;font-size:10px}.appearance-trigger{width:30px;padding:0}.frame-extra input[type=color]{width:100%;height:32px;padding:3px;background:none;border:1px solid var(--line)}
.input-unit{background:var(--theme-input);border-color:var(--line)}.input-unit>span,.zoom-control button,.price-top>span{color:var(--muted)}.icon-button.active{background:var(--theme-selected);color:var(--gold)}.settings-section h3>span,.settings-title>span{background:var(--theme-raised);color:var(--muted);border-color:var(--line)}.checkbar #checkSummary{color:var(--green)}.checkbar #checkSummary.warning{color:var(--gold-bright)}.checkbar #checkSummary.error{color:var(--red)}[data-theme=light] .checkbar #checkSummary.warning{color:#795016}.statusbar{font-size:9px}.microcopy{font-size:10px;line-height:1.65}.scene-layout canvas{min-height:280px}

#realisticCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab;z-index:1}.view-presets select{height:29px;max-width:145px;font-size:10px}#priceCurrency{max-width:75px;height:30px;font-size:12px;margin-left:8px}.brand{white-space:nowrap}@media(max-width:1100px){.topbar{gap:18px}.topbar nav{gap:18px}.brand{font-size:21px}}

.editor-toolbar{flex-wrap:wrap;gap:8px}.toolbar-right{flex-wrap:wrap}#framePreviewControls button{font-size:10px;padding:6px 9px}.part-preview{background:var(--theme-stage);border:1px solid var(--line);padding:12px;border-radius:7px}.part-preview .repair-row{flex-wrap:wrap}.part-preview select{width:auto;min-width:130px}

#manualOverlay{position:absolute;inset:0;background:var(--theme-panel);z-index:8;overflow:auto;padding:14px}#manualOverlay #vectorCanvas{height:330px!important}#manualOverlay>p{font-size:11px;color:var(--muted)}#manualOverlay .repair-row{flex-wrap:wrap;gap:6px}#manualOverlay button{font-size:10px}#manualOverlay .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#manualOverlay label{font-size:10px}.manual-vector-active .library-pane,.manual-vector-active .settings-pane{pointer-events:none;opacity:.65}

.vector-navigation-help{margin-left:auto;max-width:470px;font-size:11px;line-height:1.55;color:var(--muted)}.vector-view-tools{align-items:center}.vector-view-tools [aria-pressed="true"]{color:#111;background:var(--gold,#d9b46e)}#manualOverlay .vector-navigation-help{font-size:10px}#modalBack{margin-left:auto;margin-right:10px}

.vector-navigation-help{position:relative;max-width:none;color:#efad67}.vector-navigation-help summary{cursor:pointer;font-weight:600;list-style-position:inside;padding:4px 8px}.vector-legend-lines{position:absolute;right:0;top:100%;z-index:5;min-width:260px;max-width:85vw;padding:10px 12px;border:1px solid #bf793b;border-radius:7px;background:var(--theme-panel,#12171b);box-shadow:0 8px 24px #0005}.vector-legend-lines>div{display:grid;grid-template-columns:125px 1fr;gap:12px;align-items:center;margin:5px 0;font-size:11px}.vector-legend-lines kbd{font:inherit;color:#efad67}.vector-legend-lines span{color:var(--text,#e6e6e6)}

.vector-legend-lines>p{font-size:11px;line-height:1.5;color:var(--muted);margin:0 0 9px}.vector-legend-lines{width:330px;min-width:0;max-width:85vw}
.preview-export-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);gap:24px;align-items:start}.preview-export-layout label{display:grid;gap:5px}.preview-export-layout .check-label{display:flex}.preview-export-layout img{min-height:180px;object-fit:contain}.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:16px}.variant-card{display:grid;gap:9px;padding:12px;border:1px solid var(--border,#34383e);border-radius:8px;background:var(--theme-panel,#12171b);color:var(--gold,#d9aa29)}.variant-card svg{height:155px;width:100%;background:var(--theme-stage,#0c0f12);border-radius:4px}.variant-card p{font-size:11px;margin:0;color:var(--muted)}.variant-card input{width:100%;min-width:0}.quote-price-line{white-space:normal}@media(max-width:720px){.preview-export-layout{grid-template-columns:1fr}}

/* Readable light workspace: scoped to Arctic Light, never manufacturing data. */
:root[data-theme=light]{--text:#14263e;--muted:#435873;--theme-soft:#304863;--line:#bdccdd}
[data-theme=light] .settings-section label,[data-theme=light] .field-grid label,[data-theme=light] .account-form label,[data-theme=light] .motif-category{font-weight:500}
[data-theme=light] .motif-category{color:#435b78}
[data-theme=light] .motif-art{background:#dce6f1;border-color:#acbfd4}
[data-theme=light] .motif-art svg>path{stroke:#87631e;stroke-width:.65px;vector-effect:non-scaling-stroke}
[data-theme=light] #panelGeometry>path[stroke="#edc858"],[data-theme=light] #panelGeometry>path[stroke="#ffe68a"]{stroke:#906719}
[data-theme=light] .vector-navigation-help,[data-theme=light] .vector-legend-lines kbd{color:#865015}
[data-theme=light] .vector-legend-lines{background:#fff;border-color:#c59154}


/* Flexible headings and toolbars: translated labels must have their own space. */
.topbar{height:auto;min-height:75px;flex-wrap:wrap;gap:12px 28px;padding-top:12px;padding-bottom:12px}
.brand{flex-shrink:0;max-width:100%}
.topbar nav{height:42px;min-width:0;flex:1 1 300px;gap:clamp(12px,2vw,30px)}
.nav-item{white-space:nowrap;flex-shrink:0}
.top-end{max-width:100%;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.projectbar{height:auto;min-height:69px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.project-breadcrumb{flex:1 1 260px;max-width:100%}
.project-breadcrumb input{flex:1 1 180px;width:auto;min-width:0;max-width:480px}
.draft-pill{flex-shrink:0;white-space:nowrap}
.project-actions{flex:1 1 600px;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.project-actions .button{height:auto;min-height:35px;white-space:normal;line-height:1.35;padding-top:8px;padding-bottom:8px}
.pane-heading{gap:10px}.pane-heading>div{min-width:0;flex:1}.pane-heading .count{flex-shrink:0}
.pane-heading h1,.settings-title h2{line-height:1.3;overflow-wrap:break-word;word-break:normal}
.settings-title h2{padding-right:36px}.eyebrow{line-height:1.5}
.library-pane,.settings-pane,.settings-section,.field-grid>*,.input-unit{min-width:0}
.settings-section h3{line-height:1.5;overflow-wrap:break-word}.settings-section h3>span{flex-shrink:0}
.selected-motif strong,.selected-motif p,.finish,.microcopy{overflow-wrap:anywhere}
.finish{flex-wrap:wrap}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.editor-toolbar{height:auto;min-height:62px;padding-top:10px;padding-bottom:10px;align-content:center}
.view-switch{max-width:100%;flex-wrap:wrap}.view-switch button{flex:1 0 auto;justify-content:center}
.toolbar-right{min-width:0;max-width:100%;gap:5px}
.editor-pane{container-type:inline-size;container-name:panel-editor}
.metrics-strip>div{min-width:0}.metrics-strip span,.metrics-strip strong{white-space:normal;overflow-wrap:break-word;line-height:1.4}
.checkbar{height:auto;min-height:40px;gap:12px;padding-top:8px;padding-bottom:8px}.checkbar>span{min-width:0}
.modal-header>div{min-width:0}.modal-header h2{line-height:1.3;overflow-wrap:anywhere}#closeModal{flex-shrink:0}
dialog{max-width:calc(100vw - 24px)}.modal-actions{flex-wrap:wrap}.modal-actions .button{max-width:100%;white-space:normal;height:auto;min-height:35px}
@container panel-editor (max-width:580px){.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metrics-strip>div+div{padding-left:0;border-left:0}.editor-toolbar{justify-content:flex-start}.toolbar-right{width:100%}}
@media(max-width:1100px){.topbar nav{order:3;flex-basis:100%;justify-content:flex-start}.top-end{margin-left:auto}.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-strip>div+div{padding-left:0;border-left:0}}
@media(max-width:950px){.studio{grid-template-columns:minmax(170px,210px) minmax(0,1fr);grid-template-rows:minmax(720px,auto) auto}.project-actions{flex-basis:100%}.settings-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-pane{min-height:720px}}
@media(max-width:640px){.topbar{padding:12px 14px;gap:12px}.topbar nav{width:100%;flex-wrap:wrap;height:auto;min-height:38px;gap:8px 20px}.nav-item{min-height:36px}.top-end{flex:1 1 100%;justify-content:flex-start;gap:10px}.top-end .avatar{display:grid}.project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.project-actions .button{width:100%;min-width:0;height:auto}.project-actions>span{display:none}.editor-pane{height:auto;min-height:760px}.canvas-wrap{min-height:340px}.settings-scroll{grid-template-columns:minmax(0,1fr)}.library-pane{max-height:650px}.settings-title,.pane-heading{padding-top:18px;padding-bottom:18px}.appearance-custom{gap:16px}.appearance-custom>label{flex-wrap:wrap}.vector-legend-lines{position:static;max-width:100%;width:100%;margin-top:6px}.vector-navigation-help[open]{flex-basis:100%}.preview-export-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-height:900px) and (min-width:951px){body{height:auto;overflow:auto}.studio{flex:none;min-height:650px}.editor-pane{min-height:650px}.library-pane,.settings-pane{max-height:850px}}

/* Curve display is separate from material finish and manufacturing colours. */
.lettering-preview{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--theme-stage,#12171b);color:var(--curve-stroke,#edc858);min-width:0}.lettering-preview[hidden]{display:none}.lettering-preview>span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.lettering-preview svg{display:block;width:100%;height:65px;user-select:none}
/* Dragging the drawing must not start browser text selection on annotations. */
#panelCanvas,#panelCanvas *{-webkit-user-select:none;user-select:none}
:root{--curve-stroke:#edc858;--curve-selected:#8de7f3;--curve-grid:#79899a33;--curve-fill:#d6b45544}
:root[data-theme=light]{--curve-stroke:#244f76;--curve-selected:#a82450;--curve-grid:#617e9a40;--curve-fill:#244f761c}
[data-theme=light] #panelGeometry>path[stroke="var(--curve-stroke,#edc858)"]{stroke:var(--curve-stroke)}

/* Curve removal targets outlines, while library previews remain selectable. */
.curve-erase-mode [data-vector]:hover,.curve-erase-mode [data-import-curve]:hover{stroke:#ff7777}.library-edit-card{min-width:0;display:grid;gap:6px}.library-edit-card>.motif-card{width:100%}.library-edit-card>.button{width:100%}#artworkMap,#vectorCanvas{-webkit-user-select:none;user-select:none}

.selected-motif-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.selected-motif-actions .button{font-size:10px;height:auto;min-height:28px;padding:5px 8px;white-space:normal}

.layout-memory{display:grid;gap:9px;padding:10px;margin:12px 0;border:1px solid var(--line);border-radius:6px;min-width:0}.layout-memory .view-switch{display:flex;flex-wrap:wrap}.layout-memory .view-switch button{flex:1;white-space:normal;min-height:32px}.layout-default-actions{display:grid;gap:6px}.layout-memory .button{height:auto;min-height:32px;white-space:normal;padding:7px 9px}.layout-memory summary{font-size:11px;cursor:pointer;line-height:1.5}
/* Atelier Gold — warm metal and charcoal, based on the supplied studio reference. */
:root[data-theme=atelier]{color-scheme:dark;--bg:#191c1d;--surface:#222626;--raised:#2a2d2c;--line:#383d3c;--text:#f0eee8;--muted:#b1b5b3;--gold:#d2aa67;--gold-bright:#f0ce91;--theme-panel:#202424;--theme-raised:#292d2d;--theme-stage:#191d1e;--theme-stage-dot:#252a2a;--theme-input:#272c2d;--theme-contrast:#201a10;--theme-soft:#c8cbc7;--theme-selected:#393227;--curve-stroke:#e7c58b;--green:#a4c7af;--red:#eea392;--font:'DM Sans',Arial,sans-serif}
[data-theme=atelier] .topbar,[data-theme=atelier] .projectbar{background:linear-gradient(115deg,#262a29,#1d2121 65%,#242827)}
[data-theme=atelier] .library-pane,[data-theme=atelier] .settings-pane,[data-theme=atelier] .settings-title,[data-theme=atelier] .price-card{background:linear-gradient(120deg,#252a29,#1e2223)}
[data-theme=atelier] .brand{color:#e0b06b;letter-spacing:2.4px;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600}
[data-theme=atelier] .brand-sub{color:#e6c18a}
[data-theme=atelier] .pane-heading h1,[data-theme=atelier] .settings-title h2{font-size:17px;font-weight:550;letter-spacing:.1px}
[data-theme=atelier] .button.primary{background:linear-gradient(125deg,#f0d39a,#d6b272 48%,#b88f50);border-color:#d4af6d;color:#231c10;box-shadow:inset 0 1px 0 #ffe5b25c}
[data-theme=atelier] .button.primary:hover{background:linear-gradient(125deg,#f6dfad,#e1c086 48%,#c6a062)}
[data-theme=atelier] .canvas-wrap{background-color:#1b1f20;background-image:linear-gradient(#d7b87904 1px,transparent 1px),linear-gradient(90deg,#d7b87904 1px,transparent 1px),radial-gradient(ellipse at center,#303534 0%,#191d1e 74%);background-size:55px 55px,55px 55px,100% 100%}
[data-theme=atelier] .motif-art{background:linear-gradient(130deg,#2e302b,#171c1c);border:1px solid #444238}
[data-theme=atelier] .motif-card.selected{border-color:#dbb773;box-shadow:0 0 0 1px #caa36455}
[data-theme=atelier] .motif-name{color:#f0e5d0;font-weight:550}
[data-theme=atelier] .editor-workflow-group>summary{background:linear-gradient(100deg,#292d2b,#202525)}
[data-theme=atelier] .editor-group-number{border-color:#726042;background:#302c23;color:#e9c584}
[data-theme=atelier] .settings-section h3{font-weight:550;color:#e4d6bc}
[data-theme=atelier] .theme-card,[data-theme=atelier] .library-browser-item{box-shadow:inset 0 1px 0 #ffffff05}

.environment-control-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.environment-control-label output{font-variant-numeric:tabular-nums;color:var(--gold-bright);font-weight:650}.environment-control-label input[type=number]{width:90px;height:32px;margin:0;font-variant-numeric:tabular-nums;text-align:right}.environment-controls input[type=range]{accent-color:var(--gold);cursor:pointer}.environment-position-actions{display:grid;gap:8px}.environment-position-actions .button{height:auto;min-height:35px;padding:8px;white-space:normal}.environment-gallery summary{font-size:12px;color:var(--gold-bright);cursor:pointer}.environment-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;max-height:330px;overflow-y:auto}.environment-photo{padding:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--theme-raised);color:var(--text);text-align:left}.environment-photo img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}.environment-photo span{display:block;font-size:10px;line-height:1.4;padding:6px}.environment-photo.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}#environmentCanvas{cursor:grab;touch-action:none}#environmentCanvas:active{cursor:grabbing}#environmentRenderNotice:empty{display:none}

/* Midnight Gold: charcoal surfaces and warm, restrained brass accents. */
:root:not([data-theme]),:root[data-theme=gold]{--bg:#101113;--surface:#1c1d20;--raised:#25262a;--line:#37383d;--text:#f1eee7;--muted:#afb0b4;--gold:#d4ac65;--gold-bright:#efce93;--theme-panel:#1c1d20;--theme-raised:#25262a;--theme-stage:#121315;--theme-stage-dot:#333438;--theme-input:#202125;--theme-contrast:#21180d;--theme-soft:#d1cec7;--theme-selected:#3b3022}
[data-theme=gold] .canvas-wrap{background-color:#121315;background-image:radial-gradient(ellipse at center,#202124 0%,#141517 78%);background-size:100% 100%}
[data-theme=gold] .topbar,[data-theme=gold] .settings-title{background:linear-gradient(120deg,#252629,#1a1b1d)}
[data-theme=gold] .button.primary{background:linear-gradient(120deg,#e4c486,#c69b52);border-color:#d4ac65;color:#21180d}
[data-theme=gold] .button.primary:hover{background:linear-gradient(120deg,#f0d49e,#d5af6b)}
[data-theme=gold] .motif-art{background:linear-gradient(145deg,#232427,#131416);border-color:#3c3b37}
[data-theme=gold] .motif-card.selected .motif-art{background:linear-gradient(145deg,#302a21,#18191b);border-color:#d4ac65;box-shadow:0 0 0 1px #d4ac6555}
[data-theme=gold] .motif-card.selected .motif-name{color:#f0ce90}
[data-theme=gold] .editor-workflow-group>summary{background:linear-gradient(110deg,#252528,#1d1e20)}
[data-theme=gold] .editor-group-number{background:#342a1d;border-color:#8e7246;color:#e9c17f}

/* Aurora Ink: midnight ink, electric mint and rose. Legacy id retained. */
:root[data-theme=violet]{color-scheme:dark;--bg:#101721;--surface:#192433;--raised:#223143;--line:#44576d;--text:#edf5fa;--muted:#afc2d4;--gold:#69e0d2;--gold-bright:#a5f3e9;--theme-panel:#192433;--theme-raised:#223143;--theme-stage:#0d1520;--theme-stage-dot:#304354;--theme-input:#142231;--theme-contrast:#102b2b;--theme-soft:#d0dfe9;--theme-selected:#244849;--curve-stroke:#85e8dd;--green:#86dab0;--red:#ffa5b5;--aurora-rose:#f3a2cc}
[data-theme=violet] .topbar{background:linear-gradient(110deg,#182337,#20273b 55%,#233438);border-bottom:2px solid #69e0d2;box-shadow:none}
[data-theme=violet] .brand,[data-theme=violet] .pane-heading .eyebrow,[data-theme=violet] .workspace-label{color:var(--aurora-rose)}
[data-theme=violet] .button,[data-theme=violet] .motif-art,[data-theme=violet] input,[data-theme=violet] select{border-radius:10px}
[data-theme=violet] .button.primary{background:linear-gradient(110deg,#a5f3e9,#69e0d2);color:#102b2b;border-color:#69e0d2}
[data-theme=violet] .button.primary:hover{background:#b8f8ef}
[data-theme=violet] .nav-item.active,[data-theme=violet] .price-breakdown{color:#a5f3e9}
[data-theme=violet] .nav-item.active:after{background:var(--aurora-rose)}
[data-theme=violet] .canvas-wrap{background-color:#0d1520;background-image:radial-gradient(ellipse at 10% 5%,#40354c55,transparent 65%),radial-gradient(ellipse at 90% 95%,#1b4b4c44,transparent 65%);background-size:100% 100%}
[data-theme=violet] .motif-art{background:linear-gradient(140deg,#29354a,#142a30);border-color:#4a6377}
[data-theme=violet] .motif-card.selected .motif-art{border-color:#69e0d2;box-shadow:0 0 0 1px #69e0d250}
[data-theme=violet] .motif-card.selected .selected-check{background:#69e0d2;color:#102b2b}
[data-theme=violet] .price-card{border-top:2px solid var(--aurora-rose);background:linear-gradient(120deg,#24273d,#183339)}
[data-theme=violet] .price strong{color:#a5f3e9}
[data-theme=violet] .settings-section h3,[data-theme=violet] .draft-pill{color:#f3bddc}
[data-theme=violet] .editor-group-number{background:#3a2c42;color:#f3bddc;border-color:#89617f}
[data-theme=violet] .theme-card[data-theme-choice=violet] .theme-sample{border-image:linear-gradient(90deg,#69e0d2,#f3a2cc) 1}

/* Ember Sand: warm mineral surfaces, terracotta actions and deep petrol. */
:root[data-theme=industrial]{color-scheme:light;--bg:#e9dfd1;--surface:#faf3e8;--raised:#efe4d5;--line:#b5a18d;--text:#342e2a;--muted:#66574b;--gold:#a63e26;--gold-bright:#823019;--theme-panel:#faf3e8;--theme-raised:#efe4d5;--theme-stage:#ded3c3;--theme-stage-dot:#b3a58f;--theme-input:#fffaf2;--theme-contrast:#fff9ef;--theme-soft:#51473e;--theme-selected:#f1d8c8;--curve-stroke:#814426;--green:#276047;--red:#a32c39;--ember-petrol:#205a5b}
[data-theme=industrial] .topbar{background:#244b4e;color:#fff3df;border-bottom:3px solid #c56642}
[data-theme=industrial] .topbar .brand,[data-theme=industrial] .topbar .brand-sub,[data-theme=industrial] .topbar .brand-sub em,[data-theme=industrial] .topbar .nav-item,[data-theme=industrial] .topbar .workspace-label,[data-theme=industrial] .topbar .account-status{color:#f8e9d6}
[data-theme=industrial] .topbar .nav-item.active{color:#ffd0ad}
[data-theme=industrial] .topbar .nav-item.active:after{background:#edaa79}
[data-theme=industrial] .button,[data-theme=industrial] input,[data-theme=industrial] select,[data-theme=industrial] .motif-art,[data-theme=industrial] dialog{border-radius:6px}
[data-theme=industrial] .button.primary{background:#a63e26;color:#fff9ef;border-color:#a63e26}
[data-theme=industrial] .button.primary:hover{background:#823019}
[data-theme=industrial] .pane-heading h1,[data-theme=industrial] .settings-title h2,[data-theme=industrial] .settings-section h3,[data-theme=industrial] .price-breakdown{color:#205a5b}
[data-theme=industrial] .canvas-wrap{background-color:#ded3c3;background-image:linear-gradient(#77664f0b 1px,transparent 1px),linear-gradient(90deg,#77664f0b 1px,transparent 1px);background-size:25px 25px}
[data-theme=industrial] .motif-art{background:linear-gradient(130deg,#355e60,#1b383d);border-color:#6a8580}
[data-theme=industrial] .motif-card.selected .motif-art{border-color:#a63e26;box-shadow:0 0 0 2px #a63e2640}
[data-theme=industrial] .motif-name{color:#342e2a}
[data-theme=industrial] .motif-category{color:#66574b}
[data-theme=industrial] .price-card{background:linear-gradient(110deg,#e6eee5,#f4ecdf);border-top:2px solid #205a5b}
[data-theme=industrial] .price strong{color:#205a5b}
[data-theme=industrial] .editor-group-number{background:#e0ece4;color:#205a5b;border-color:#7e9b92}
[data-theme=industrial] .vector-navigation-help,[data-theme=industrial] .vector-legend-lines kbd{color:#823019}
[data-theme=industrial] .vector-legend-lines{background:#faf3e8;border-color:#a63e26}
[data-theme=industrial] .checkbar #checkSummary.warning{color:#823019}
[data-theme=industrial] .canvas-error,[data-theme=industrial] .error-box,[data-theme=industrial] .modal-error{background:#fff0ea;color:#982638}
[data-theme=industrial] #toast{background:#244b4e;color:#fff3df}