.workspace-tabs{display:flex;gap:8px;padding:24px 0 0;border-bottom:1px solid var(--line)}.workspace-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:15px 20px;font:inherit;cursor:pointer}.workspace-tabs button[aria-selected=true]{color:var(--lime);border-bottom-color:var(--lime)}[hidden]{display:none!important}
#theme-studio{padding-top:44px}.theme-workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:48px;align-items:start}.theme-preview-panel{position:sticky;top:22px;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-align:center}.theme-preview-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:36px}.theme-preview-tabs button{padding:10px 18px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:30px;font:inherit;font-size:12px;cursor:pointer}.theme-preview-tabs button[aria-pressed=true]{background:var(--lime);color:#0d1b11;border-color:var(--lime)}#theme-preview{width:min(100%,360px);margin:0 auto;cursor:default;outline:8px solid #303e3a;box-shadow:0 12px 32px #0007}.theme-preview-panel>p{font-size:11px;color:var(--muted);margin:28px 0 10px}.theme-swatches{height:5px;border-radius:3px;margin:24px auto;max-width:250px}.theme-save{border-top:1px solid var(--line);padding-top:6px;text-align:left}.theme-save p{font-size:12px;color:var(--muted);line-height:1.7}.theme-save .button{width:100%;margin:12px 0}.theme-save>.text-link{display:block;text-align:center;font-size:12px}.theme-controls fieldset{border:1px solid var(--line);border-radius:8px;margin:0 0 20px;padding:20px 24px 25px}.theme-controls legend{color:var(--lime);font-size:11px;letter-spacing:1.5px;padding:0 9px}.theme-controls p{font-size:12px;color:var(--muted);line-height:1.6}.theme-controls input[type=text]{width:100%;padding:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px}.theme-two,.theme-colors{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.theme-colors input{display:block;width:100%;height:38px;padding:3px;margin-top:9px;background:transparent;border:1px solid var(--line);border-radius:5px;cursor:pointer}.theme-logo-editor{display:flex;align-items:center;gap:22px;margin:22px 0}.theme-logo-editor canvas{width:130px;height:130px;flex-shrink:0;max-width:none;border-radius:8px;outline:1px solid #53665d;background:repeating-conic-gradient(#28332e 0% 25%,#17201c 0% 50%) 50% / 18px 18px;box-shadow:none}.theme-import{display:block;padding:8px;border:1px solid var(--line);margin:0;border-radius:4px;font-size:10px;cursor:pointer}.theme-import input{display:block;font-size:10px;max-width:200px;margin-top:7px}.theme-checks{display:flex;flex-wrap:wrap;gap:0 18px}.theme-save .check{color:var(--text);font-size:14px}.theme-controls .file-label{margin-top:5px}#theme-status{min-height:3em}@media(max-width:850px){.theme-workspace{grid-template-columns:1fr;gap:25px}.theme-preview-panel{position:static;max-width:580px;width:100%;margin:auto}.theme-controls{max-width:580px;width:100%;margin:auto}}@media(max-width:480px){.theme-preview-panel{padding:24px 18px}.theme-controls fieldset{padding:15px}.theme-logo-editor{gap:15px}.theme-logo-editor canvas{width:105px;height:105px}.workspace-tabs button{font-size:12px;padding:15px}.theme-two{gap:0 12px}}
.theme-preview-panel{max-height:calc(100vh - 44px);overflow:auto;scrollbar-width:thin}@media(max-width:850px){.theme-preview-panel{max-height:none;overflow:visible}}