:root{--bg: #0b0f1a;--panel: #141b2d;--panel-2: #1b2438;--line: #26314b;--fg: #e8edf7;--muted: #8b98b5;--accent: #38bdf8;--accent-2: #a855f7;--pro: #fbbf24;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,#17203a 0%,var(--bg) 55%);color:var(--fg);min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--line);background:#0a0e1a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:14px}.brand .logo{font-size:34px}.brand-name{font-weight:800;font-size:20px;letter-spacing:-.02em}.brand-tag{color:var(--muted);font-size:13px}.modes{display:flex;gap:8px;background:var(--panel);padding:4px;border-radius:12px;border:1px solid var(--line)}.mode-btn{border:0;background:transparent;color:var(--muted);font-weight:700;padding:8px 16px;border-radius:9px;cursor:pointer;font-size:14px}.mode-btn.active{background:var(--accent);color:#041220}.pro{color:var(--pro);font-size:10px;font-weight:800;vertical-align:super}.topbar-right{display:flex;align-items:center;gap:12px}.pro-btn{border:1px solid var(--pro);background:#fbbf241a;color:var(--pro);font-weight:800;padding:9px 16px;border-radius:11px;cursor:pointer;font-size:14px}.pro-btn.active{background:#4ade801f;border-color:#4ade80;color:#4ade80}.checkbox.locked{opacity:.55}.checkbox.locked input{cursor:not-allowed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;padding:24px}.modal[hidden],.modal-backdrop[hidden]{display:none}.modal{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:32px;width:100%;max-width:420px;text-align:center;box-shadow:0 40px 100px #0009}.modal h2{font-size:22px;margin-bottom:8px}.modal-sub{color:var(--muted);font-size:14px;margin-bottom:18px}.modal-price{font-size:40px;font-weight:850;margin-bottom:18px}.modal-price span{font-size:16px;color:var(--muted);font-weight:600}.modal-buy{display:block;text-decoration:none;padding:14px;border-radius:12px;text-align:center}a.modal-buy{color:#04121e}.modal-x{position:absolute;top:14px;right:16px;background:none;border:0;color:var(--muted);font-size:26px;line-height:1;cursor:pointer}.modal-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:20px 0 14px}.modal-divider:before,.modal-divider:after{content:"";flex:1;height:1px;background:var(--line)}.key-row{display:flex;gap:8px}.key-row input{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:11px 12px;font-family:ui-monospace,monospace;font-size:13px}.key-row input:focus{outline:2px solid var(--accent);border-color:transparent}.key-row .secondary{padding:11px 16px}.key-note{min-height:18px;margin-top:12px;font-size:13px;font-weight:600}.key-note.ok{color:#4ade80}.key-note.err{color:#f87171}.layout{flex:1;display:grid;grid-template-columns:400px 1fr;gap:24px;padding:24px;align-items:start;max-width:1500px;margin:0 auto;width:100%}.controls{display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.panel h3{margin:0 0 2px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:600}label.inline{flex-direction:row;align-items:center;justify-content:space-between}label.checkbox{flex-direction:row;align-items:center;gap:8px}.hint{color:var(--pro);font-weight:700;font-size:11px}input[type=text],textarea,select{background:var(--panel-2);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical}input[type=color]{width:46px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:2px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.logo-row{display:flex;gap:8px;align-items:center}.logo-row input[type=text]{width:60px;text-align:center;font-size:20px}.logo-row input[type=file]{font-size:11px;color:var(--muted);flex:1;min-width:0}#overlayRow input[type=range],#qualityRow input[type=range]{flex:1;margin-left:10px;accent-color:var(--accent)}.custom-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-btn{display:flex;align-items:center;gap:9px;text-align:left;background:var(--panel-2);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:9px 11px;cursor:pointer;font-size:12.5px;font-weight:600;transition:border-color .1s ease,transform .05s ease}.template-btn:hover{border-color:var(--accent)}.template-btn:active{transform:translateY(1px)}.template-chip{font-size:17px;line-height:1;flex-shrink:0}.kit-row{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.kit-controls{display:flex;gap:8px}.kit-controls select{flex:1}.kit-save{display:flex;gap:8px}.kit-save input{flex:1}.kit-save .secondary,.kit-controls .ghost{padding:8px 14px;font-size:13px}.kit-row.locked{opacity:.6}.kit-row.locked select,.kit-row.locked input{pointer-events:none}.meta-block{margin-top:6px;border-top:1px solid var(--line);padding-top:12px}.meta-block summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--accent)}.meta-block[open] summary{margin-bottom:10px}.meta-url input{flex:1;margin-left:8px}.meta-snippet{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;line-height:1.6;color:var(--fg);white-space:pre-wrap;word-break:break-all;margin:10px 0;overflow-x:auto}button.primary,button.secondary{border:0;border-radius:11px;padding:13px 16px;font-weight:800;font-size:15px;cursor:pointer}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04121e}button.secondary{background:var(--panel-2);color:var(--fg);border:1px solid var(--line)}button.secondary:disabled{opacity:.4;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px}.fineprint{color:var(--muted);font-size:12px;margin:2px 0 0;line-height:1.5}.fineprint code,.empty code{background:var(--panel-2);padding:1px 5px;border-radius:5px;font-size:11px}.batch-actions{display:flex;gap:10px}.batch-actions .primary,.batch-actions .secondary{flex:1}.stage{position:sticky;top:24px}.single-stage{display:flex;flex-direction:column;align-items:center;gap:12px}.canvas-wrap{width:100%;max-width:900px;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #00000080;border:1px solid var(--line)}#canvas{width:100%;height:auto;display:block}.dims{color:var(--muted);font-size:12px}.batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.thumb{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px #0006}.thumb-canvas{width:100%;height:auto;display:block}.thumb-dl{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:9px;border:0;background:#04121ecc;color:#fff;cursor:pointer;font-size:15px}.thumb-dl:hover{background:var(--accent);color:#04121e}.empty{color:var(--muted);grid-column:1/-1}.sitefoot{border-top:1px solid var(--line);padding:14px 24px;color:var(--muted);font-size:13px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.sitefoot strong{color:var(--pro)}.sitefoot .dot{opacity:.5}@media (max-width: 900px){.layout{grid-template-columns:1fr}.stage{position:static}}