/* Q2 Tools shared visual language. */
:root{--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--accent:#e85d3f;--accent2:#f59e0b;--text:#1e293b;--muted:#64748b;--radius:12px}
body{padding:0;font-family:'Sora','Segoe UI',sans-serif}.blob{display:none}.container{max-width:1080px;padding:28px 24px 60px}.q2-nav{max-width:1080px;margin:auto;padding:20px 24px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.q2-nav a{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.q2-nav a:first-child{margin-right:auto;font-size:16px;color:var(--text)}.q2-nav a[aria-current]{color:var(--accent)}
header{padding:24px 0 32px;margin-bottom:24px;border-bottom:1px solid var(--border)}header h1{background:none;-webkit-text-fill-color:var(--text);color:var(--text);font-size:clamp(28px,4vw,42px);letter-spacing:-.03em}header p{line-height:1.7}.logo-icon{background:var(--accent);box-shadow:none}.panel,.preview-panel{box-shadow:0 1px 4px #00000008;min-width:0}.main-grid{grid-template-columns:340px minmax(0,1fr)}.main-grid>div{min-width:0}.drop-zone{background:#f8fafc;border:2px dashed #cbd5e1}.drop-zone:hover,.drop-zone.drag-over{background:#fff7ed}.dz-icon{background:#fff0e9}.dz-icon svg{stroke:var(--accent)}.file-badge,.gallery-count{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.file-badge{max-width:100%}
input[type=text],input[type=color],select{background-color:#f8fafc}select option{background:#fff}.tpl-card{font-family:inherit;background:#f8fafc}.tpl-card.active,.tpl-card:hover{background:#fff7ed;border-color:var(--accent)}.tpl-card.active .tpl-name{color:#c2410c}.btn-primary,.btn-save{background:var(--accent);box-shadow:none}.btn-ghost{background:#fff;color:var(--text)}.btn:disabled{opacity:.5}.btn:hover:not(:disabled),.card:hover{transform:none}.card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0001}.preview-body{background:repeating-conic-gradient(#e2e8f0 0% 25%,#f8fafc 0% 50%) 50% / 20px 20px;min-height:360px}.preview-empty{background:#f8fafce8;width:100%;line-height:1.7}.preview-empty svg{opacity:.5}#preview-canvas{object-fit:contain;width:auto;height:auto}.progress-track{background:#e2e8f0}.progress-label{overflow-wrap:anywhere}.card-thumb{object-fit:contain;background:#f1f5f9}.card-name{min-width:0}.help{font-size:11px;color:var(--muted);line-height:1.7}input[type=text]:focus{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:780px){.main-grid{grid-template-columns:1fr}.preview-panel{min-height:300px}.preview-body{min-height:260px}.container{padding:18px 12px 40px}.q2-nav{padding:16px 12px;gap:14px}.panel,.preview-panel{padding:18px}header{padding:16px 0 24px}}