:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14161a;--panel:#1c1f26;--border:#2a2e37;--text:#e6e8eb;--muted:#9aa1ac;--accent:#5b8def;--danger:#e5636a;--success:#4cbb8a;--panel-2:#22262f;--accent-soft:#26304a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}button{cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:.4rem .8rem}button:disabled{opacity:.5;cursor:not-allowed}input,select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem}.admin-shell{flex-direction:column;min-height:100vh;display:flex}.admin-shell__content{width:100%;max-width:960px;margin:0 auto;padding:1.5rem}.admin-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.admin-nav__actions{align-items:center;gap:.9rem;display:flex}.admin-form{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.admin-form label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.admin-table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem .75rem}.admin-error{color:var(--danger)}.admin-skeleton{color:var(--muted);min-height:1.5rem}.admin-note{color:var(--muted);font-style:italic}.admin-tabs{gap:.5rem;margin:1rem 0;display:flex}.admin-tabs button.is-active{border-color:var(--accent);color:var(--accent)}.admin-login{justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login__form{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.75rem;width:320px;padding:1.5rem;display:flex}.admin-login__form label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.studio-shell{min-height:100vh;display:flex}.studio-sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:.2rem;width:232px;padding:1.1rem .9rem;display:flex}.studio-brand{align-items:center;gap:.5rem;padding:0 .4rem .9rem;font-size:.95rem;font-weight:700;display:flex}.studio-mark{border-radius:4px;flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:20px;height:20px;display:inline-grid;overflow:hidden}.studio-mark span{background:#3f6f86}.studio-mark span:nth-child(4){background:#a23a2c}.studio-nav-section{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin:.9rem .4rem .35rem;font-size:.68rem;font-weight:700}.studio-nav-item{color:var(--text);border-radius:7px;align-items:center;gap:.55rem;padding:.5rem .6rem;font-size:.88rem;text-decoration:none;display:flex}.studio-nav-item:hover{background:var(--panel-2)}.studio-nav-item.is-active{background:var(--accent-soft);color:#cddcff}.studio-nav-icon{text-align:center;flex:none;width:1.1em}.studio-sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.75rem;display:flex}.studio-main{flex-direction:column;flex:1;min-width:0;display:flex}.studio-topbar{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.85rem 1.4rem;display:flex}.studio-topbar h1{margin:0;font-size:1.05rem}.studio-grow{flex:1}.studio-content{flex:1;padding:1.4rem;overflow-y:auto}.studio-credit-chip{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.82rem;display:flex}.studio-credit-chip.is-low{border-color:var(--danger);color:#ffb3b8}.studio-note{background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:6px;margin-bottom:1rem;padding:.6rem .85rem;font-size:.85rem}.studio-note.is-warn{border-left-color:var(--danger)}.studio-page-h{margin:0 0 .3rem;font-size:1.3rem}.studio-page-sub{color:var(--muted);margin:0 0 1.2rem;font-size:.92rem}.studio-feature-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem;margin-bottom:1.6rem;display:grid}.studio-fcard{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;flex-direction:column;gap:.3rem;padding:1.1rem;text-decoration:none;display:flex}.studio-fcard:hover{border-color:var(--accent)}.studio-fcard .studio-fic{font-size:1.6rem}.studio-tag{color:var(--muted);border:1px solid var(--border);border-radius:999px;width:fit-content;padding:.1rem .5rem;font-size:.68rem;display:inline-block}.studio-work{grid-template-columns:minmax(280px,340px) 1fr;align-items:start;gap:1.2rem;display:grid}@media (max-width:900px){.studio-work{grid-template-columns:1fr}}.studio-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.1rem}.studio-drop{border:1.5px dashed var(--border);text-align:center;cursor:pointer;color:var(--muted);border-radius:10px;padding:1.6rem 1rem}.studio-drop.is-over{border-color:var(--accent);color:var(--text)}.studio-thumb{aspect-ratio:4/3;object-fit:contain;background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;width:100%}.studio-fl{color:var(--muted);margin:.85rem 0 .3rem;font-size:.8rem;display:block}.studio-hint{color:var(--muted);margin-top:.25rem;font-size:.76rem;display:block}.studio-input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .55rem;font-size:.86rem}.studio-range{width:100%;accent-color:var(--accent)}.studio-switch{cursor:pointer;align-items:flex-start;gap:.6rem;padding:.5rem 0;display:flex}.studio-switch input{margin-top:.2rem}.studio-advanced{border-top:1px solid var(--border);margin-top:.8rem;padding-top:.6rem}.studio-advanced summary{cursor:pointer;color:var(--muted);font-size:.82rem}.studio-swatches{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:.4rem;margin-top:.6rem;display:grid}.studio-swatch{border:1px solid var(--border);background:var(--panel);border-radius:6px;align-items:center;gap:.5rem;min-height:42px;padding:.3rem .45rem;display:flex}.studio-swatch-chip{border:1px solid var(--border);border-radius:5px;flex:0 0 24px;width:24px;height:24px}.studio-preview-wrap{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-height:420px;display:flex}.studio-preview-head{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.studio-preview-body{flex:1;padding:1rem;overflow-y:auto}.studio-empty{color:var(--muted);text-align:center;padding:2.5rem 1rem;font-size:.88rem}.studio-repeat{aspect-ratio:1;border:1px solid var(--border);cursor:zoom-in;background-repeat:repeat;border-radius:8px;width:100%}.studio-result-wrap{aspect-ratio:1;border:1px solid var(--border);cursor:zoom-in;background:var(--bg);border-radius:8px;width:100%;position:relative;overflow:hidden}.studio-result-img{object-fit:contain;width:100%;height:100%}.studio-kv{color:var(--muted);flex-wrap:wrap;gap:.4rem;margin:.7rem 0;font-size:.76rem;display:flex}.studio-kv span{border:1px solid var(--border);border-radius:999px;padding:.1rem .55rem}.studio-row{flex-wrap:wrap;gap:.6rem;margin-top:.7rem;display:flex}.studio-preflight{min-height:92px;margin-top:.9rem}.studio-skel{background:linear-gradient(90deg, var(--panel-2), var(--border), var(--panel-2));background-size:200% 100%;border-radius:4px;height:12px;animation:1.3s linear infinite studio-shimmer}@keyframes studio-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.studio-skel{animation:none}}.studio-progress{flex-direction:column;align-items:center;gap:.9rem;padding:2rem 1rem;display:flex}.studio-dotfield{aspect-ratio:1;width:100%;max-width:260px;position:relative}.studio-dotfield canvas{width:100%;height:100%}.studio-dotfield-label{text-align:center;font-size:.85rem;position:absolute;inset:auto 0 38%}.studio-dotfield-pct{text-align:center;font-size:1.4rem;font-weight:700;position:absolute;inset:auto 0 28%}.studio-progress-bar{background:var(--panel-2);border-radius:999px;width:100%;height:6px;overflow:hidden}.studio-progress-fill{background:var(--accent);height:100%;transition:width .25s}.studio-stages{flex-direction:column;gap:.3rem;width:100%;max-width:320px;display:flex}.studio-pstage{color:var(--muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.studio-pdot{background:var(--border);border-radius:999px;flex:none;width:7px;height:7px}.studio-pstage.is-active{color:var(--text)}.studio-pstage.is-active .studio-pdot{background:var(--accent)}.studio-pstage.is-done .studio-pdot{background:var(--success)}.studio-status{align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.studio-status .studio-dot{background:var(--muted);border-radius:999px;width:7px;height:7px}.studio-status.is-run .studio-dot{background:var(--accent)}.studio-status.is-done .studio-dot{background:var(--success)}.studio-status.is-failed .studio-dot{background:var(--danger)}.studio-hist{flex-direction:column;gap:.5rem;display:flex}.studio-hrow{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:.8rem;padding:.6rem .9rem;text-decoration:none;display:flex}.studio-hrow:hover{border-color:var(--accent)}.studio-hrow-thumb{aspect-ratio:1;object-fit:cover;background:var(--bg);border-radius:6px;flex:none;width:46px;height:46px}.studio-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.1rem .5rem;font-size:.72rem}.studio-badge.is-done{color:var(--success);border-color:var(--success)}.studio-badge.is-failed{color:var(--danger);border-color:var(--danger)}.studio-catalog-toolbar{flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.studio-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.studio-catalog-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.studio-catalog-thumb{aspect-ratio:1;object-fit:cover;background:var(--bg);width:100%}.studio-catalog-body{flex-direction:column;gap:.35rem;padding:.7rem .8rem;font-size:.82rem;display:flex}.studio-lb{z-index:100;background:#0a0b0eeb;flex-direction:column;display:flex;position:fixed;inset:0}.studio-lb-bar{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex}.studio-lb-stage{touch-action:none;cursor:grab;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.studio-lb-canvas{will-change:transform}.studio-lb-tile{border-radius:4px}.studio-sheet-overlay{z-index:90;background:#0a0b0e99;justify-content:flex-end;display:flex;position:fixed;inset:0}.studio-sheet{background:var(--panel);border-left:1px solid var(--border);width:min(360px,100%);padding:1.2rem;overflow-y:auto}.studio-ledger-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.85rem;display:flex}.studio-ledger-delta.is-pos{color:var(--success)}.studio-ledger-delta.is-neg{color:var(--danger)}.studio-btn{cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:6px;padding:.5rem .9rem;font-size:.85rem}.studio-btn:disabled{opacity:.5;cursor:not-allowed}.studio-btn-primary{background:var(--accent);border-color:var(--accent);color:#0d1320;font-weight:600}.studio-btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.studio-auth{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.studio-auth-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.2rem;width:340px;padding:1.6rem;display:flex}.studio-auth-head{text-align:center;margin-bottom:.6rem}.studio-auth-title{margin:.4rem 0 .1rem;font-size:1.2rem}.studio-auth-sub{color:var(--muted);margin:0;font-size:.85rem}.studio-toast{background:var(--panel-2);border:1px solid var(--border);z-index:200;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}