:root{--wine:#741f25;--ink:#211a1b;--paper:#fbf8f3;--line:#e5ddd3;--muted:#756b68;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);background:#eee9e2}button,input,textarea,select{font:inherit}.theme-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.theme-brand img{width:44px;height:44px;object-fit:contain;border-radius:13px;background:var(--wine);padding:8px}.theme-brand span{display:grid}.theme-brand strong{font:800 1rem var(--display)}.theme-brand small{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.theme-button{border:1px solid var(--line);border-radius:12px;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none;cursor:pointer;background:#fff;color:var(--ink)}.theme-button.primary{background:var(--wine);border-color:var(--wine);color:#fff}.theme-button.ghost{background:#fff}.theme-button:disabled{opacity:.55;cursor:wait}.theme-topbar{height:76px;display:flex;align-items:center;gap:20px;padding:0 18px;background:#211a1b;color:#fff;position:relative;z-index:5}.theme-topbar .theme-brand small{color:#bdb1af}.theme-top-actions{margin-left:auto;display:flex;gap:8px}.theme-status{font-size:.8rem;color:#d6c9c5}.theme-status.error{color:#ffb5b5}main.theme-studio{height:calc(100vh - 76px);display:grid;grid-template-columns:var(--studio-left-width,320px) 6px minmax(400px,1fr) 6px var(--studio-right-width,340px);background:#cfc7bd;overflow:hidden}.theme-resizer{cursor:col-resize;background:#cfc7bd;position:relative;z-index:2;transition:background .15s;user-select:none;width:6px}.theme-resizer:hover,.theme-resizing .theme-resizer{background:var(--wine,#741f25)}.theme-resizer:focus-visible{background:var(--wine,#741f25);outline:2px solid #211a1b}body.theme-resizing{user-select:none;cursor:col-resize}.theme-editor,.theme-palettes{background:#fffdfa;overflow:auto;padding:22px}.theme-editor section+section{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.theme-step{display:flex;gap:11px;align-items:center;margin-bottom:18px}.theme-step>b{width:30px;height:30px;border-radius:9px;background:#f3e9dc;color:var(--wine);display:grid;place-items:center}.theme-step span{display:grid}.theme-step strong{font:800 1rem var(--display)}.theme-step small,.theme-help{font-size:.76rem;color:var(--muted)}.theme-editor label,.theme-palettes label{display:grid;gap:7px;font-size:.76rem;font-weight:800;margin:13px 0}.theme-editor input,.theme-editor textarea,.theme-editor select,.theme-palettes input{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.theme-editor input:focus,.theme-editor textarea:focus,.theme-editor select:focus,.theme-palettes input:focus{border-color:var(--wine);box-shadow:0 0 0 3px #741f2517}.theme-field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-toggle{grid-template-columns:auto 1fr!important;align-items:center;border:1px solid var(--line);padding:12px;border-radius:12px}.theme-toggle input{width:18px!important;height:18px}.theme-toggle span{display:grid;gap:2px}.theme-toggle small{font-weight:500;color:var(--muted)}.theme-canvas{background:#ddd7d0;padding:22px;overflow:auto}.theme-preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 auto 12px;max-width:1060px}.theme-preview-toolbar>div:first-child{display:grid}.theme-preview-toolbar span{font-size:.64rem;letter-spacing:.16em;color:#6d625f;font-weight:900}.theme-device-switch{display:flex;background:#c9c1b8;border-radius:9px;padding:3px}.theme-device-switch button{border:0;background:transparent;padding:6px 10px;border-radius:7px;font-weight:800;font-size:.72rem;cursor:pointer}.theme-device-switch button.active{background:#fff}.theme-preview-frame{max-width:1060px;margin:auto;transition:max-width .25s}.theme-preview-frame.mobile{max-width:390px}
#themePreview.builder-preview{min-height:660px;border-radius:4px;box-shadow:0 18px 50px #241c1823}
.theme-palette-tabs{display:flex;gap:6px;overflow:auto;padding:2px 2px 10px}.theme-palette-tab{min-width:88px;border:1px solid var(--line);background:#fff;padding:8px;border-radius:10px;cursor:pointer;text-align:left}.theme-palette-tab.active{border-color:var(--wine);box-shadow:0 0 0 2px #741f2517}.theme-palette-tab i{display:flex;height:22px;overflow:hidden;border-radius:6px;margin-bottom:6px}.theme-palette-tab i span{flex:1}.theme-palette-tab b{font-size:.68rem}.theme-palette-colours{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-colour-input{border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:#fff;display:grid;gap:6px}.theme-colour-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.theme-colour-row span{font-size:.76rem;font-weight:800;color:var(--ink)}.theme-colour-pickers{display:flex;align-items:center;gap:6px}.theme-colour-pickers input[type=color]{width:34px;height:34px;padding:2px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:transparent}.theme-colour-pickers input[type=text]{width:78px;height:34px;padding:0 7px;font-family:monospace;font-size:.76rem;font-weight:700;border:1px solid var(--line);border-radius:8px;text-transform:lowercase;color:var(--ink);background:#fff}.theme-remove-palette{width:100%;border:0;background:#fff0f0;color:#a6232b;border-radius:9px;padding:8px;font-weight:800;cursor:pointer}.theme-add-palette{width:100%;border:1px dashed #bdaca4;background:#faf4ec;color:var(--wine);border-radius:12px;padding:12px;font-weight:900;cursor:pointer;margin-top:12px}.theme-file-note{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;font-size:.75rem}.theme-file-note p{color:var(--muted);line-height:1.5}.theme-store-body{background:#f8f4ee}.theme-store-nav{height:76px;background:#fff;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1440px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.theme-store-nav nav{margin-left:auto;display:flex;align-items:center;gap:24px}.theme-store-nav nav>a:not(.theme-button){color:var(--ink);text-decoration:none;font-weight:800}.theme-store-shell{max-width:1440px;margin:auto;padding:24px}.theme-store-hero{border-radius:32px;padding:52px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px;background:linear-gradient(130deg,#2b1719,#842930);color:#fff;overflow:hidden}.theme-kicker{font-size:.72rem;letter-spacing:.19em;font-weight:900;color:#f0daa1}.theme-store-hero h1{font:800 clamp(2.5rem,5vw,5rem)/.95 var(--display);max-width:780px;margin:15px 0}.theme-store-hero p{max-width:700px;line-height:1.7;color:#eadfdb}.theme-store-actions{display:flex;gap:10px;margin-top:25px}.theme-button.light{background:#fff;color:var(--ink);border-color:#fff}.theme-button.outline-light{background:transparent;color:#fff;border-color:#ffffff6b}.theme-hero-art{height:300px;position:relative}.theme-hero-art i{position:absolute;width:210px;height:265px;border-radius:20px;border:1px solid #ffffff4a;box-shadow:0 20px 45px #0004;background:linear-gradient(145deg,#fff 35%,#d6b579 35% 55%,#571a20 55%)}.theme-hero-art i:nth-child(1){transform:rotate(-12deg);left:15px;top:20px}.theme-hero-art i:nth-child(2){transform:rotate(3deg);left:85px;top:3px;background:linear-gradient(145deg,#152b35 35%,#46b9c7 35% 55%,#eefbfc 55%)}.theme-hero-art i:nth-child(3){transform:rotate(15deg);left:155px;top:28px;background:linear-gradient(145deg,#241c3f 35%,#9469e9 35% 55%,#f7f1ff 55%)}.theme-hero-art span{position:absolute;right:0;bottom:12px;text-align:right;font-size:.75rem}.theme-store-controls{display:grid;grid-template-columns:1fr 220px 190px;gap:10px;margin-top:25px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px}.theme-store-controls label{display:flex;align-items:center;gap:10px}.theme-store-controls input,.theme-store-controls select{width:100%;border:0;background:#f4f0eb;padding:12px;border-radius:10px;outline:none}.theme-store-meta{display:flex;justify-content:space-between;align-items:center;padding:24px 4px 12px;font-size:.82rem;color:var(--muted)}.theme-store-meta button{border:0;background:transparent;color:var(--wine);font-weight:900;cursor:pointer}.theme-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s;cursor:pointer}.theme-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #4d302018}.theme-card-preview{height:220px;padding:22px;background:var(--theme-bg);color:var(--theme-ink);display:grid;grid-template-rows:auto 1fr;gap:18px}.theme-card-preview>header{display:flex;align-items:center;gap:10px}.theme-card-preview header i{width:42px;height:42px;border-radius:12px;background:var(--theme-accent)}.theme-card-preview header span{display:grid;gap:5px;flex:1}.theme-card-preview header b{height:8px;width:54%;background:var(--theme-ink);border-radius:10px}.theme-card-preview header small{height:5px;width:70%;background:var(--theme-soft);border-radius:10px}.theme-card-preview>div{display:grid;grid-template-columns:32% 1fr;gap:12px}.theme-card-preview aside,.theme-card-preview main{background:var(--theme-surface);border-radius:10px;padding:12px}.theme-card-preview aside:before,.theme-card-preview main:before,.theme-card-preview main:after{content:"";display:block;height:7px;background:var(--theme-soft);border-radius:8px;margin-bottom:9px}.theme-card-preview main:before{background:var(--theme-accent);width:45%}.theme-card-body{padding:18px}.theme-card-body h2{font:800 1.05rem var(--display);margin:0}.theme-card-body p{color:var(--muted);font-size:.78rem;line-height:1.45;height:2.3em;overflow:hidden}.theme-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:.7rem;color:var(--muted)}.theme-card-palettes{display:flex;margin:13px 0}.theme-card-palettes i{width:25px;height:25px;border-radius:50%;border:2px solid #fff;margin-left:-5px}.theme-card-palettes i:first-child{margin-left:0}.theme-empty{grid-column:1/-1;text-align:center;padding:80px 20px;border:1px dashed #cdbfb5;border-radius:20px;color:var(--muted)}.theme-detail-dialog{width:min(1080px,calc(100% - 24px));max-width:1080px;border:0;border-radius:24px;padding:0;box-shadow:0 30px 90px #0005}.theme-detail-dialog::backdrop{background:#1d1516aa;backdrop-filter:blur(5px)}.theme-dialog-close{position:absolute;right:16px;top:16px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:#fff;cursor:pointer;font-size:1.4rem}.theme-detail-preview{min-height:300px;padding:50px;background:linear-gradient(130deg,var(--theme-ink),var(--theme-accent));color:#fff}.theme-detail-preview span{display:block;font-size:.7rem;letter-spacing:.16em}.theme-detail-preview h2{font:800 clamp(2rem,5vw,4rem)/1 var(--display);max-width:650px;margin:15px 0}.theme-detail-body{padding:28px}.theme-detail-body p{color:var(--muted);line-height:1.65}.theme-detail-palette-list{display:flex;gap:10px;overflow:auto;margin:20px 0}.theme-detail-palette{min-width:150px;border:1px solid var(--line);border-radius:12px;padding:8px}.theme-detail-palette i{display:flex;height:28px;border-radius:7px;overflow:hidden}.theme-detail-palette i span{flex:1}.theme-detail-palette b{font-size:.72rem;display:block;margin-top:6px}.theme-detail-actions{display:flex;gap:9px;flex-wrap:wrap}.theme-detail-actions select{border:1px solid var(--line);border-radius:12px;padding:0 12px;min-height:42px}.theme-detail-dialog[open]{animation:themeDialog .18s ease-out}@keyframes themeDialog{from{transform:translateY(15px);opacity:0}}
@media(max-width:1100px){main.theme-studio{grid-template-columns:280px 1fr}.theme-palettes{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr 200px;gap:20px;align-items:start}.theme-file-note{margin:0;padding:0;border:0}.theme-store-grid{grid-template-columns:repeat(2,1fr)}.theme-hero-art{display:none}.theme-store-hero{grid-template-columns:1fr}}@media(max-width:760px){.theme-topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px}.theme-top-actions{width:100%;overflow:auto;padding-bottom:3px}.theme-status{display:none}main.theme-studio{height:auto;display:flex;flex-direction:column}.theme-editor,.theme-palettes{overflow:visible}.theme-canvas{order:-1;padding:12px}.theme-palettes{display:block}.theme-preview-frame{max-width:390px}.theme-store-nav{height:auto;min-height:72px;padding:12px 16px}.theme-store-nav nav>a:not(.theme-button){display:none}.theme-store-shell{padding:12px}.theme-store-hero{padding:32px 24px;border-radius:22px}.theme-store-actions{flex-direction:column}.theme-store-controls{grid-template-columns:1fr}.theme-store-grid{grid-template-columns:1fr}.theme-card-preview{height:190px}.theme-detail-preview{padding:45px 24px}.theme-detail-body{padding:22px}.theme-detail-actions{display:grid}.theme-detail-actions>*{width:100%}}