body[data-workshop] {margin:0;overflow:hidden;background:var(--ink);color:var(--bone);height:100dvh;display:flex;flex-direction:column;}
/* The editing surface is independent of the theme shown in its frames. */
body[data-workshop] {--ink:#111214;--ink-soft:#181a1d;--surface:#1d1f23;--bone:#eceef0;--bone-soft:#c4c7cb;--mist:#a9afb6;--heading:#eceef0;--blood:#b9c5d2;--verdigris:#b9c5d2;--line:#3a3d43;--sans:system-ui,sans-serif;--serif:system-ui,sans-serif;--theme-radius:4px;color-scheme:dark;}
body[data-workshop-appearance="amoled"] {--ink:#000;--ink-soft:#000;--surface:#000;--line:#303030;}
body[data-workshop-appearance="light"] {--ink:#f4f5f6;--ink-soft:#fff;--surface:#fff;--bone:#202328;--bone-soft:#40454b;--mist:#59616b;--heading:#202328;--blood:#344d69;--verdigris:#344d69;--line:#cdd1d6;color-scheme:light;}
body[data-workshop] :is(h1,h2,h3,h4,summary,label,button,input,select,p,a,span) {font-family:system-ui,sans-serif!important;text-shadow:none!important;filter:none!important;letter-spacing:0!important;}
body[data-workshop] .workshop-toolbar h1 {font:20px/1.4 system-ui,sans-serif!important;}
body[data-workshop] #themeBackground,body[data-workshop]::before,body[data-workshop]::after {display:none!important;}
body[data-workshop],body[data-workshop] *,body[data-workshop] *::before,body[data-workshop] *::after {animation:none!important;transition:none!important;text-transform:none;}
.workshop-toolbar {min-height:72px;display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--line);}
.workshop-toolbar h1 {font:20px/1.4 system-ui,sans-serif;margin:0;}
body[data-workshop] .workshop-toolbar h1 {font-size:26px;line-height:1.5;padding:2px 0;white-space:nowrap;}
body[data-workshop][class~="settings-collapsed"] .workshop-layout {grid-template-columns:0 minmax(0,1fr);}
body.settings-collapsed #workshopControls {visibility:hidden;}
#previewTabs[hidden] {display:none;}
.workshop-toolbar a {color:var(--bone-soft);text-decoration:none;font:13px system-ui,sans-serif;}
.workshop-toolbar label {display:flex;gap:7px;align-items:center;font:11px system-ui,sans-serif;white-space:nowrap;}
.workshop-toolbar select,.workshop-toolbar button,#previewTabs button {background:var(--surface);border:1px solid var(--line);color:var(--bone);padding:8px;font:13px system-ui,sans-serif;cursor:pointer;}
.workshop-toolbar>button {width:38px;height:38px;display:grid;place-items:center;padding:0;font-size:17px;flex:0 0 auto;}
.workshop-view-controls {display:flex;align-items:center;gap:12px;}
.theme-variant-switch {display:flex;align-items:center;border:1px solid var(--line);background:var(--ink);padding:3px;gap:3px;}
.theme-variant-switch button {width:40px;height:38px;display:grid;place-items:center;padding:0;border-color:transparent;background:transparent;font-size:20px;line-height:1;}
.theme-variant-switch button[aria-pressed="true"] {border-color:var(--selected-theme-color,#78828e);background:var(--selected-theme-color,#78828e);color:var(--selected-theme-ink,#fff);}
.theme-variant-switch button:hover:not([aria-pressed="true"]),.workshop-toolbar>button:hover {border-color:var(--bone-soft);}
.theme-variant-toast {position:fixed;left:50%;z-index:1000;margin:0;padding:11px 17px;max-width:min(88vw,340px);border:1px solid var(--variant-toast-border,#b92e40);background:var(--variant-toast-bg,#111214);color:var(--variant-toast-text,#fffaf7);font:700 13px/1.25 system-ui,sans-serif!important;box-shadow:0 9px 30px rgb(0 0 0/.28);pointer-events:none;opacity:0;transform:translate(-50%,-7px);}
body[data-workshop] .theme-variant-toast {transition:opacity .45s ease,transform .45s ease!important;}
.theme-variant-toast.is-visible {opacity:1;transform:translate(-50%,0);}
.workshop-save-note {max-width:265px;margin:0 0 0 auto;color:var(--mist);font:11px/1.4 system-ui,sans-serif!important;}
.workshop-file-actions {display:flex;align-items:center;gap:8px;}
.workshop-file-actions p {max-width:170px;margin:0;color:var(--mist);font:11px/1.35 system-ui,sans-serif!important;}
.workshop-file-actions p:empty {display:none;}
#workshopExportTheme {min-height:42px;padding-inline:18px;border-color:#a72538;background:#a72538;color:#fffaf7;font-weight:750;}
#workshopExportTheme:hover {background:#c12d43;}
#workshopImportTheme {min-height:42px;padding-inline:16px;border-color:var(--selected-theme-color,#68717c);background:var(--selected-theme-color,#68717c);color:var(--selected-theme-ink,#fff);font-weight:700;}
.workshop-layout {display:grid;grid-template-columns:370px minmax(0,1fr);flex:1;min-height:0;}
#workshopControls {min-width:0;overflow:auto;border-right:1px solid var(--line);background:var(--surface);}
body[data-workshop] #themeEditor {position:static;inset:auto;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:var(--surface);}
body[data-workshop] #themeEditor .theme-editor-heading {display:none;}
body[data-workshop] #themeEditor[open] {grid-template-rows:minmax(0,1fr) auto;}
body[data-workshop] #themeEditor .theme-editor-body {padding:18px;}
body[data-workshop] #themeEditor .theme-editor-actions {position:sticky;bottom:0;background:var(--surface);}
body[data-workshop] #themeEditor h3,body[data-workshop] #themeEditor h4,body[data-workshop] #themeEditor summary {font:14px/1.5 system-ui,sans-serif!important;}
.workshop-previews {min-width:0;display:flex;flex-direction:column;}
#previewTabs {display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line);}
#previewTabs button[aria-pressed="true"] {border-color:var(--verdigris);}
#previewFrames {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;min-height:0;}
#previewFrames>section {display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line);}
#previewFrames h2 {margin:0;padding:8px 12px;font:12px system-ui,sans-serif;color:var(--mist);}
#previewFrames iframe {width:100%;flex:1;min-height:0;border:0;background:var(--ink);}
#previewFrames[data-layout="tabs"] {display:block;}
#previewFrames[data-layout="tabs"]>section {height:100%;}
#previewFrames[data-layout="tabs"][data-active="timeline"]>[data-preview-pane="library"],#previewFrames[data-layout="tabs"][data-active="library"]>[data-preview-pane="timeline"] {display:none;}
.workshop-scope {margin-top:20px;border-top:1px solid var(--line);padding-top:12px;}
.workshop-scope>summary {font-weight:700!important;color:var(--verdigris);}
.workshop-scope .theme-option-grid {grid-template-columns:1fr;}
.workshop-scope .theme-advanced-group {margin-top:18px;}
.workshop-scope label {font:12px/1.5 system-ui,sans-serif;}
.workshop-scope select {max-width:100%;}
@media(max-width:800px){body.settings-collapsed .workshop-layout {grid-template-columns:minmax(0,1fr);grid-template-rows:0 minmax(0,1fr);}body[data-workshop] .workshop-toolbar h1 {font-size:22px;white-space:normal;}}
.workshop-scope>label {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;margin:14px 0;font:12px/1.5 system-ui,sans-serif;}
#themeEditor .workshop-scope>label.has-color-control {grid-template-columns:minmax(0,1fr) 42px 88px;}
#themeEditor .workshop-scope>label select {width:100%;max-width:none;}
.workshop-scope>.theme-option-grid {margin:16px 0;}
.workshop-scope>label[hidden] {display:none!important;}
.workshop-scope input[type=range] {width:45%;min-width:90px;}
@media(max-width:1100px){.workshop-save-note{order:5;max-width:none;width:100%;text-align:right}.workshop-toolbar h1{font-size:20px!important}.workshop-view-controls{gap:7px}.workshop-toolbar{gap:10px;padding-inline:12px;flex-wrap:wrap}.theme-variant-switch{margin-left:auto}}
@media(max-width:800px){.workshop-toolbar {height:auto;min-height:64px;gap:10px;flex-wrap:wrap;}.workshop-toolbar h1 {font-size:16px;}.workshop-view-controls{order:4;width:100%;overflow:auto}.workshop-file-actions{margin-left:auto}.workshop-save-note{text-align:left}.workshop-layout {grid-template-columns:minmax(0,1fr);grid-template-rows:45% 55%;}#workshopControls {border-bottom:1px solid var(--line);}.workshop-toolbar label {margin-left:0;}}