div[v-cloak]{display:none}:root{color-scheme:dark;--bg: #0b0c10;--bg-glow-a: rgba(122, 162, 255, .12);--bg-glow-b: rgba(255, 255, 255, .07);--panel: rgba(255, 255, 255, .045);--panel-strong: rgba(0, 0, 0, .2);--surface: rgba(255, 255, 255, .032);--surface-raised: rgba(0, 0, 0, .18);--field-bg: rgba(0, 0, 0, .25);--stage-bg: rgba(0, 0, 0, .18);--text: #e9ecf1;--muted: #9aa3b2;--border: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .16);--accent: #7aa2ff;--accent-soft: rgba(122, 162, 255, .14);--success: #9ff0be;--danger: #ffb4b4;--danger-soft: rgba(255, 120, 120, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 14px;--radius-sm: 8px;--gap: 14px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--bg-glow-a: rgba(60, 115, 220, .13);--bg-glow-b: rgba(32, 39, 55, .06);--panel: rgba(255, 255, 255, .88);--panel-strong: rgba(255, 255, 255, .72);--surface: rgba(255, 255, 255, .78);--surface-raised: rgba(244, 247, 252, .92);--field-bg: rgba(255, 255, 255, .86);--stage-bg: rgba(245, 248, 252, .88);--text: #172033;--muted: #637083;--border: rgba(23, 32, 51, .12);--border-strong: rgba(23, 32, 51, .18);--accent: #245cc8;--accent-soft: rgba(36, 92, 200, .11);--success: #247a47;--danger: #a64040;--danger-soft: rgba(166, 64, 64, .1);--shadow: 0 14px 34px rgba(24, 34, 54, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 20% 0%,var(--bg-glow-a),transparent 60%),radial-gradient(1000px 700px at 90% 10%,var(--bg-glow-b),transparent 65%),var(--bg);color:var(--text);font-family:var(--sans)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{appearance:none;border:1px solid var(--border-strong);background:#ffffff0f;color:var(--text);padding:9px 10px;border-radius:8px;font-size:12px;cursor:pointer}button:hover:enabled{background:#ffffff1a}button:disabled{opacity:.48;cursor:not-allowed}button.primary{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.iconOnlyBtn{display:inline-grid;place-items:center;padding:0;line-height:1}:root[data-theme=light] button{background:#ffffffb8}:root[data-theme=light] button:hover:enabled{background:#fffffff0}.page{max-width:1100px;margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);margin-bottom:12px}.topbar h1{margin:0;font-size:16px;letter-spacing:.2px}.topbar .muted,.topbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.title{display:flex;flex-direction:column;gap:4px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:var(--muted);font-size:12px}.panel,.surface,.confirmBar{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.panel{border-radius:var(--radius);overflow:hidden}.panelHeader{padding:12px;border-bottom:1px solid var(--border);background:var(--panel-strong)}.body{padding:12px;display:grid;gap:12px}.surface,.confirmBar{border-radius:8px;background:var(--surface);padding:12px;box-shadow:none}.actions,.buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}label,.groupTitle{color:var(--muted);font-size:11px}.groupTitle{font-size:12px;letter-spacing:.2px;font-weight:600}input[type=text],input[type=number],input[type=color],select,textarea{width:100%;border-radius:8px;border:1px solid var(--border-strong);outline:none;background:var(--field-bg);color:var(--text);font-size:13px}input[type=text],input[type=number],select,textarea{padding:9px 10px}input[type=color]{height:38px;padding:4px}input[type=file]{width:100%;font-size:12px;color:var(--muted)}input[type=file][hidden]{display:none}.checkbox{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;user-select:none}.checkbox input{margin:0;transform:translateY(1px)}.status,.hint{font-size:12px;color:var(--muted)}.status[data-tone=idle]{color:var(--text)}.status[data-tone=success]{color:var(--success)}.status[data-tone=error],.danger{color:var(--danger)}.dangerBtn{border-color:color-mix(in srgb,var(--danger) 32%,transparent);background:var(--danger-soft)}.sectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.sectionTitle{font-size:13px;font-weight:600}.sectionMeta,.batchCardMeta,.batchItemMeta,.batchItemLabel{color:var(--muted)}.themeToggle{display:inline-flex;align-items:center;gap:7px;min-height:34px}.themeIconWrap{position:relative;width:16px;height:16px}.themeIcon{width:100%;height:100%;display:inline-block;vertical-align:-.15em}.themeIcon{position:absolute;inset:0}:root[data-theme=dark] .themeIconMoon,:root[data-theme=light] .themeIconSun{display:none}.emptyState{border:1px dashed var(--border);border-radius:8px;padding:12px;color:var(--muted);font-size:12px;text-align:center;background:var(--surface-raised)}.batchCard{border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);padding:10px;display:grid;gap:10px}.batchCard+.batchCard{margin-top:10px}.batchCardHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.batchCardTitle{font-size:12px;font-weight:600;word-break:break-word}.batchCardMeta{display:block;font-size:11px;margin-top:4px}.batchItems{list-style:none;padding:0;margin:0;display:grid;gap:8px}.batchItem{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px solid var(--border)}.batchItem:first-child{border-top:0;padding-top:0}.batchItemTextWrap{min-width:0}.batchItemLabel,.batchItemMeta{font-size:11px}.batchItemText{font-family:var(--mono);font-size:12px;line-height:1.45;word-break:break-all}.miniBtn{flex:0 0 auto;padding:7px 9px;border-radius:8px;font-size:11px}@media(max-width:720px){.page{padding:14px}.topbar,.sectionHead,.batchCardHeader{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.row{grid-template-columns:1fr}}.generatorPage .generatorControls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.generatorPage .controlSection{display:grid;gap:10px;min-width:0}.generatorPage .quickGrid{display:grid;grid-template-columns:1.1fr .8fr .55fr 38px .55fr 1.2fr;gap:10px;align-items:end}.generatorPage .colorField{min-width:88px}.generatorPage .logoField{min-width:170px}.generatorPage .colorSwapField{display:flex;align-items:end;justify-content:center;min-width:38px}.generatorPage .colorSwapBtn{width:38px;height:38px;color:var(--accent);border:none}.generatorPage .colorSwapBtn svg{width:100%;height:100%}.generatorPage .advancedToggle{justify-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding-inline:0;border:0;background:transparent;color:var(--accent);font-weight:600}.generatorPage .advancedToggle:hover:enabled{background:transparent;text-decoration:underline}.generatorPage .advancedToggle[aria-expanded=true] .chevron{rotate:45deg}.generatorPage .chevron{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:-45deg;transition:rotate .18s ease}.generatorPage .advancedPanel{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.generatorPage .inlineChecks{display:flex;flex-wrap:wrap;gap:10px 16px}.generatorPage .layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--gap)}.generatorPage .contentLeft{padding:12px;display:grid;grid-template-rows:1fr auto;gap:12px}.generatorPage textarea{min-height:330px;resize:vertical;font-family:var(--mono);font-size:12px;line-height:1.5}.generatorPage .footerActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px}.generatorPage .right{display:grid;grid-template-rows:auto 1fr;gap:var(--gap);min-width:0}.generatorPage .previewWrap{padding:12px;display:grid;gap:10px;min-width:0}.generatorPage .previewTop{display:flex;justify-content:space-between;gap:10px;align-items:stretch;flex-direction:column}.generatorPage .previewTop .meta{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}.generatorPage #warnings{white-space:normal;overflow-wrap:anywhere}.generatorPage .qrStage{display:grid;place-items:center;padding:14px;border:1px dashed var(--border-strong);border-radius:8px;min-height:360px;background:var(--stage-bg);width:100%;overflow:hidden}.generatorPage .qrStage svg,.generatorPage .qrStage canvas{max-width:100%;height:auto;display:block}@media(max-width:980px){.generatorPage .quickGrid,.generatorPage .layout{grid-template-columns:1fr}.generatorPage textarea{min-height:230px}}@media(max-width:620px){.generatorPage .quickGrid{grid-template-columns:1fr 38px 1fr}.generatorPage .logoField{grid-column:1/-1}.generatorPage .quickGrid>.field:nth-child(1),.generatorPage .quickGrid>.field:nth-child(2){grid-column:1/-1}.generatorPage .qrStage{min-height:280px}}
