.sound-toggle{position:fixed;bottom:10px;left:12px;z-index:9999;width:38px;height:38px;display:grid;place-items:center;border-radius:999px;background:#ffffffeb;border:1.5px solid var(--border);font-size:16px;cursor:pointer;box-shadow:0 2px 8px #0f172a1a;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s}.sound-toggle:hover{transform:scale(1.08);background:#fff;border-color:var(--primary);box-shadow:0 4px 12px #0c257229}.sound-toggle:active{transform:scale(.96)}.sound-toggle.is-muted{opacity:.7}.page-label{position:fixed;bottom:8px;right:10px;z-index:9999;padding:3px 10px;border-radius:999px;background:#0c2572a6;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;letter-spacing:.06em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:.6}:root{--bg: #f5f7fa;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-light: #475569;--primary: #0c2572;--accent: #d4862a;--danger: #dc2626;--radius: 10px;--shadow: 0 0 0 .5px rgba(15,23,42,.04), 0 1px 1px rgba(15,23,42,.04), 0 2px 4px rgba(15,23,42,.04), 0 8px 16px rgba(15,23,42,.04), 0 16px 32px rgba(15,23,42,.03);--shadow-glass: 0 0 0 .5px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.05), 0 4px 10px rgba(15,23,42,.05), 0 14px 30px rgba(15,23,42,.05), 0 28px 56px rgba(15,23,42,.04);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg)}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.btn{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:#f8fafc}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:#0a1f5c}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.accent:hover{filter:brightness(.94)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-light)}.btn.ghost:hover{background:#0f172a0d;color:var(--text)}.btn.pill-nav{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;color:var(--text);font-size:13px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .05s}.btn.pill-nav:hover{background:#0c25720a;border-color:var(--primary);color:var(--primary);box-shadow:0 2px 6px #0c257214}.btn.pill-nav:active{transform:translateY(1px)}.pill-nav-arrow{display:inline-block;font-size:16px;line-height:1;transition:transform .15s}.pill-nav-back:hover .pill-nav-arrow{transform:translate(-3px)}.pill-nav-fwd:hover .pill-nav-arrow{transform:translate(3px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-shadow:var(--shadow)}.topbar h2{margin:0;font-size:15px;font-weight:700;letter-spacing:.4px}.export-group{display:flex;gap:6px}.page{min-height:100vh;display:flex;flex-direction:column}.page.editor{height:100vh;min-height:0;overflow:hidden}.brand{display:inline-flex;align-items:baseline;gap:12px}.brand-mark{width:44px;height:44px;background:linear-gradient(135deg,var(--primary, #0c2572) 0%,#1e40af 50%,var(--accent, #d97706) 140%);color:#fff;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:22px;letter-spacing:-.02em;align-self:center;box-shadow:0 6px 14px #0c257247,inset 0 1px #ffffff2e;transition:transform .2s ease,box-shadow .2s ease}.brand-name{font-weight:800;letter-spacing:-.02em;font-size:24px;line-height:1;color:var(--text, #0f172a);white-space:nowrap}.brand-www{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--text-muted, #64748b);margin-right:1px;vertical-align:.18em}.brand-pro{color:var(--accent, #d97706);font-weight:900}.brand-clickable{background:transparent;border:none;cursor:pointer;padding:0;font-family:inherit;color:inherit}.brand-clickable:hover .brand-mark{transform:translateY(-1px);box-shadow:0 10px 24px #0c25725c,inset 0 1px #ffffff38}.brand-clickable:hover .brand-pro{filter:brightness(1.08)}@media(max-width:640px){.brand-mark{width:38px;height:38px;font-size:18px;border-radius:10px}.brand-name{font-size:20px}.brand-www{font-size:11px}}.lede{color:var(--text-light);margin:0 0 24px;font-size:15px;line-height:1.6}.nav{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:12px 32px;min-height:60px}.nav-actions{display:flex;align-items:center;gap:14px}.nav-group{display:flex;align-items:center;gap:4px}.nav-divider{width:1px;height:22px;background:var(--border);margin:0 6px;flex-shrink:0}.nav-link{color:var(--text-light);font-size:13px;font-weight:600;text-decoration:none;background:transparent;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;font-family:inherit;transition:color .12s,background .12s}.nav-link:hover{color:var(--text);background:#0f172a0a}.nav-link-btn{color:var(--primary)}.nav-link-btn:hover{background:#0c25720f}.nav-account{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;background:#0f172a0a;border:1px solid var(--border);border-radius:999px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:var(--text);transition:background .12s,border-color .12s}.nav-account:hover{background:#0c25720f;border-color:var(--primary)}.nav-account img{width:26px;height:26px;border-radius:50%;display:block}.nav-account-initial{width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.home{background:var(--bg)}.hero{padding:64px 24px 80px;background:linear-gradient(180deg,#fff,#f5f7fa)}.hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.kicker{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1.4px;text-transform:uppercase;margin:0 0 14px}.hero h1{font-size:48px;line-height:1.1;letter-spacing:-1px;margin:0 0 16px;font-weight:900}.hero-form{background:var(--surface);padding:24px;border-radius:14px;box-shadow:var(--shadow);margin-top:16px}.hero-form .field{margin-bottom:12px}.hero-form .actions{margin-top:16px;display:flex;gap:8px}.btn.big{padding:14px 22px;font-size:14px}.hero-art{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center}.sample-card{width:320px;height:320px;background:var(--surface);border-radius:16px;box-shadow:0 12px 36px #0f172a1f;overflow:hidden;transition:transform .3s ease}.sample-card svg{width:100%;height:100%;display:block}.float-back{position:absolute;transform:translate(-110px,-90px) rotate(-8deg) scale(.8);opacity:.85}.float-front{position:absolute;transform:translate(110px,90px) rotate(6deg) scale(.8);opacity:.85}.polaroid-board{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center;gap:14px}.recent-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted, #64748b);font-weight:600}.polaroid-scatter{position:relative;width:100%;aspect-ratio:4 / 3;background:radial-gradient(ellipse at 30% 20%,rgba(244,232,210,.55),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(232,220,198,.35),transparent 60%);border-radius:12px}.polaroid{position:absolute;width:28%;background:#fefefe;padding:10px 10px 28px;border-radius:3px;border:none;cursor:pointer;box-shadow:0 1px #fff6 inset,0 12px 24px #0f172a2e,0 4px 8px #0f172a1f;transform:rotate(var(--rot, 0deg));transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,z-index 0s linear .35s;font-family:inherit;text-align:center;display:flex;flex-direction:column;gap:6px}.polaroid:hover,.polaroid:focus-visible{transform:rotate(0) scale(1.18) translateY(-6px);z-index:50!important;box-shadow:0 1px #fff6 inset,0 26px 50px #0f172a47,0 10px 20px #0f172a2e;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,z-index 0s linear 0s;outline:none}.polaroid-photo{width:100%;aspect-ratio:4 / 3;background:#f8fafc;border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center}.polaroid-photo svg{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.polaroid-caption{font-family:Caveat,Marker Felt,Comic Sans MS,cursive;font-size:16px;line-height:1;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.polaroid-more{font-size:12px;color:var(--text-muted, #64748b);font-style:italic}@media(max-width:900px){.polaroid-board{max-width:460px}.polaroid{width:32%}.polaroid-caption{font-size:14px}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:34px}.hero-art{min-height:340px}.float-back{transform:translate(-80px,-60px) rotate(-8deg) scale(.55)}.float-front{transform:translate(80px,60px) rotate(6deg) scale(.55)}.sample-card{width:240px;height:240px}}.manifesto{position:relative;min-height:clamp(420px,42vw,720px);aspect-ratio:1916 / 821;max-height:820px;overflow:hidden;color:#fff;isolation:isolate}.manifesto-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/logoman-hero-banner.png);background-size:cover;background-position:center}.manifesto-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080c1e00 50%,#080c1e8c),linear-gradient(90deg,#080c1e59,#080c1e00 30%)}.manifesto-inner{position:relative;max-width:1400px;margin:0 auto;padding:28px 32px;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr auto;gap:16px}.manifesto-skills{grid-column:1;grid-row:2;list-style:none;padding:0;margin:0;align-self:center;display:flex;flex-direction:column;gap:10px}.manifesto-skills li{display:flex;align-items:center;gap:10px;font-family:Bebas Neue,Anton,Impact,sans-serif;font-size:16px;letter-spacing:2.5px;font-weight:700;color:#e2e8f0}.skill-bullet{width:14px;height:14px;border:1.5px solid #ef4444;border-radius:3px;display:inline-block;flex-shrink:0}.manifesto-quote{grid-column:1;grid-row:3;align-self:end;justify-self:start;border:2px solid #ef4444;background:#080c1ea6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);padding:12px 16px;font-family:Bebas Neue,Anton,Impact,sans-serif;font-size:16px;letter-spacing:2px;font-weight:700;line-height:1.35;color:#fff;max-width:240px;margin-bottom:8px}.manifesto-quote .accent{color:#ef4444;display:block;margin-top:6px}.manifesto-palette{grid-column:1;grid-row:1;justify-self:start;align-self:start;display:flex;gap:6px;margin-top:50px}.manifesto-palette span{width:28px;height:28px;border-radius:4px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 6px #0000004d}.manifesto-toolbar{grid-column:1;grid-row:1;align-self:start;justify-self:start;display:flex;flex-direction:row;gap:6px;background:#080c1e8c;border:1px solid #ef4444;padding:6px 8px;border-radius:6px}.tool{width:28px;height:28px;display:grid;place-items:center;font-size:14px;color:#fff;border:1px solid rgba(239,68,68,.4);border-radius:4px;font-weight:700}.manifesto-footer{grid-column:1 / -1;grid-row:3;display:flex;justify-content:space-between;align-items:center;border-top:2px solid #ef4444;font-family:Bebas Neue,Anton,Impact,sans-serif;font-size:13px;letter-spacing:2px;font-weight:700;color:#e2e8f0;background:#080c1e66;margin:0 -32px -28px;padding:12px 32px}.manifesto-footer .accent{color:#ef4444}.manifesto-footer .btn{letter-spacing:.5px;font-family:var(--font-ui)}@media(max-width:900px){.manifesto{aspect-ratio:auto;min-height:320px}.manifesto-inner{grid-template-columns:1fr;padding:16px 20px}.manifesto-skills,.manifesto-quote,.manifesto-palette,.manifesto-toolbar{display:none}.manifesto-footer{grid-row:3;flex-direction:column;gap:10px;align-items:flex-start;margin:0 -20px -16px;padding:12px 20px}}.section-wrap{padding:80px 24px}.section-wrap.dark{background:#0f172a;color:#f8fafc}.section-head-center{text-align:center;max-width:720px;margin:0 auto 56px}.section-head-center h2{font-size:36px;font-weight:900;margin:0 0 10px;letter-spacing:-.5px}.section-head-center p{font-size:16px;color:var(--text-light);margin:0}.section-head-center.light h2{color:#fff}.section-head-center.light p{color:#94a3b8}.step-row{max-width:1100px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.step-row.flip>.step-copy{order:2}.step-row.flip>.step-art{order:1}.step-num{display:inline-block;font-size:13px;font-weight:800;color:var(--accent);letter-spacing:1.4px}.step-copy h3{font-size:28px;font-weight:900;line-height:1.2;margin:8px 0 12px;letter-spacing:-.3px}.step-copy p{font-size:15px;line-height:1.6;color:var(--text-light);margin:0 0 20px}.step-art{background:var(--surface);border-radius:16px;padding:28px;box-shadow:0 8px 24px #0f172a0f;border:1px solid var(--border);min-height:280px;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.step-row{grid-template-columns:1fr;gap:24px;margin-bottom:56px}.step-row.flip>.step-copy{order:1}.step-row.flip>.step-art{order:2}.step-copy h3{font-size:24px}}.how-art-1{display:flex;flex-direction:column;gap:14px;align-items:center;width:100%}.how-mock-image{width:80%;aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#06b6d4,#facc15 50%,#f97316);display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-weight:600;font-size:12px;letter-spacing:.6px}.how-mock-arrow{font-size:13px;color:var(--text-light);font-weight:600}.how-mock-palette{display:flex;gap:6px;width:80%}.how-mock-palette span{flex:1;aspect-ratio:1;border-radius:6px}.how-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:320px}.sample-tile{background:var(--surface);border-radius:8px;overflow:hidden;border:1px solid var(--border)}.sample-tile svg{width:100%;height:auto;display:block}.how-editor{display:flex;gap:12px;width:100%}.how-editor-panel{flex:0 0 140px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px}.he-tabs{display:flex;gap:4px;margin-bottom:8px}.he-tab{font-size:9px;padding:4px 6px;border-radius:4px;color:var(--text-light);font-weight:700}.he-tab.active{background:var(--primary);color:#fff}.he-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:8px}.he-cell{aspect-ratio:1;background:#f1f5f9;border-radius:3px}.he-row{display:flex;gap:3px}.he-swatch{flex:1;height:18px;border-radius:3px}.how-editor-canvas{flex:1;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px}.how-editor-canvas svg{width:100%;height:auto;display:block}.how-save{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.how-save-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px}.how-save-card.secondary{opacity:.7}.how-save-card strong{display:block;font-size:13px}.how-save-card small{font-size:11px;color:var(--text-light)}.how-dot{width:10px;height:10px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px #16a34a26;flex-shrink:0}.how-save-card.secondary .how-dot{background:#94a3b8;box-shadow:0 0 0 4px #94a3b826}.how-zip{width:100%;max-width:320px;background:#f8fafc;border-radius:10px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.how-zip-head{font-size:12px;font-weight:700;padding:6px 0;border-bottom:1px solid var(--border);margin-bottom:6px}.how-zip-row{display:flex;padding:4px 0;font-size:11px}.how-zip-folder{color:var(--accent);width:70px}.how-zip-name{color:var(--text-light)}.feature-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 20px;transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0f172a14}.section-wrap.dark .feature-card{background:#1e293b;border-color:#334155}.feature-icon{font-size:28px;margin-bottom:10px}.feature-card h4{font-size:16px;font-weight:800;margin:0 0 8px;display:flex;align-items:center;gap:8px}.feature-card p{font-size:13px;line-height:1.55;color:var(--text-light);margin:0}.section-wrap.dark .feature-card p{color:#cbd5e1}.feature-badge{font-size:10px;padding:2px 7px;border-radius:999px;background:#d4862a26;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media(max-width:900px){.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.feature-grid{grid-template-columns:1fr}}.cta-band{text-align:center;padding:80px 24px;background:linear-gradient(135deg,var(--primary) 0%,#1e3a8a 100%);color:#fff}.cta-band h2{font-size:36px;font-weight:900;margin:0 0 10px;letter-spacing:-.5px}.cta-band p{color:#cbd5e1;margin:0 0 28px;font-size:15px}.actions.center{justify-content:center}.footer{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#0a1530;color:#94a3b8;border-top:1px solid #1e293b;font-size:12px}.footer .brand{color:#fff}.onboarding{background:var(--bg);min-height:100vh}.onb-head{position:sticky;top:0;z-index:20;background:#fffffff2;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:14px 32px}.onb-back{background:transparent;border:none;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:var(--text-light);padding:6px 4px}.onb-back:hover{color:var(--text)}.onb-progress{display:flex;gap:8px;align-items:center}.pdot{width:28px;height:6px;border-radius:3px;background:var(--border);transition:background .2s}.pdot.active{background:var(--primary)}.onb-section{max-width:1200px;margin:0 auto;padding:56px 32px 80px}.onb-section h1{font-size:32px;font-weight:900;margin:0 0 8px;letter-spacing:-.5px}.onb-sub{font-size:16px;color:var(--text-light);margin:0 0 36px;line-height:1.5}.onb-cta{margin-top:36px;display:flex;justify-content:flex-end}.onb-cta .btn:disabled{opacity:.4;cursor:not-allowed}.onb-divider{display:flex;align-items:center;gap:14px;margin:32px 0 20px;font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.8px}.onb-divider:before,.onb-divider:after{content:"";flex:1;height:1px;background:var(--border)}.onb-uploader{max-width:640px}.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(min-width:1100px){.industry-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1400px){.industry-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.industry-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px 16px;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:14px;text-align:left;transition:border-color .15s,transform .1s,box-shadow .15s}.industry-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.industry-card.active{border-color:var(--primary);background:#eef2ff;box-shadow:0 0 0 3px #0c25721f}.industry-glyph{font-size:26px;line-height:1;flex-shrink:0}.industry-name{font-size:14px;font-weight:700;text-align:left;color:var(--text)}.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(min-width:1400px){.inspiration-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:720px){.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.inspiration-card{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:10px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;padding:0;transition:border-color .15s,transform .1s,box-shadow .15s}.inspiration-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0f172a14}.inspiration-card.liked{border-color:var(--primary);border-width:2.5px}.inspiration-card>div:not(.like-badge){width:100%;height:100%}.inspiration-card svg{width:100%;height:100%;display:block}.like-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 1px 3px #0f172a2e}.color-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.color-cat{position:relative;background:var(--surface);border:4px solid transparent;border-radius:14px;padding:36px 20px;min-height:120px;cursor:pointer;text-align:left;font-size:22px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2);transition:border-color .15s,transform .1s;background-size:cover}.color-cat:hover{transform:translateY(-2px)}.color-cat.active{border-color:var(--primary);box-shadow:0 0 0 3px #0c25722e}.cat-check{position:absolute;top:10px;right:12px;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--primary);display:grid;place-items:center;font-size:14px;font-weight:900;box-shadow:0 2px 6px #0003}@media(max-width:700px){.color-cat-grid{grid-template-columns:1fr}.onb-section h1{font-size:24px}}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.big-chip{background:var(--surface);border:2px solid #c7d2fe;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.big-chip:hover{background:#eef2ff;border-color:var(--primary)}.big-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.onb-bottom-row{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:16px}.link-action{background:transparent;border:none;padding:0;font:inherit;color:var(--primary);font-weight:700;font-size:14px;cursor:pointer}.link-action:hover{text-decoration:underline}.name-step-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:36px}.name-step-head h1{margin:0 0 8px}.name-step-head .onb-sub{margin:0}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px}.name-field{background:#f1f5f9;border-radius:12px;padding:16px 18px}.name-field label{display:block;font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.name-field input[type=text]{width:100%;background:transparent;border:none;outline:none;font-size:18px;font-weight:700;color:var(--text);padding:4px 0}.name-field input[type=text]::placeholder{color:var(--text-light);font-weight:600}.name-field-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.name-field-head label{margin:0}.suggest-btn{background:var(--primary);color:#fff;border:none;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;cursor:pointer}.suggest-btn:hover{background:#0a1f5c}.slogan-suggestions{margin-top:14px;padding:12px;background:#fff;border:1px solid var(--border);border-radius:10px}.slogan-suggestions-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.slogan-list{display:flex;flex-direction:column;gap:6px}.slogan-pill{text-align:left;padding:10px 14px;background:#f8fafc;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text);font:inherit;font-size:13px;transition:background .12s,border-color .12s,color .12s}.slogan-pill:hover{background:#eef2ff;border-color:var(--primary);color:var(--primary)}@media(max-width:700px){.name-fields{grid-template-columns:1fr}.name-step-head{flex-direction:column}}.library-section{max-width:1200px;margin:0 auto;padding:36px 24px 0}.library-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.library-head h2{margin:0;font-size:24px;font-weight:900;letter-spacing:-.3px;display:inline-flex;align-items:center;gap:10px}.library-head p{margin:4px 0 0;font-size:13px;color:var(--text-light)}.count-pill{font-size:12px;padding:2px 10px;border-radius:999px;background:var(--primary);color:#fff;font-weight:700}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.library-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s;position:relative}.library-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.library-card:hover .library-actions{opacity:1}.library-thumb{width:100%;aspect-ratio:1;padding:0;border:none;background:transparent;cursor:pointer;display:block}.library-thumb>div{width:100%;height:100%}.library-thumb svg{width:100%;height:100%;display:block}.library-meta{padding:10px 12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.library-name{background:transparent;border:none;padding:0;font:inherit;cursor:text;text-align:left;font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-name:hover{color:var(--primary)}.library-name-edit{font-size:14px;font-weight:700;padding:2px 6px;border:1px solid var(--primary);border-radius:4px;outline:none}.library-date{font-size:11px;color:var(--text-light)}.library-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s;background:#fffffff2;padding:4px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0f172a26}.library-action{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:none;border-radius:6px;font-size:14px;cursor:pointer}.library-action:hover{background:#f1f5f9}.library-action.danger:hover{background:#fef2f2;color:#dc2626}.flyout-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:90;animation:fadeIn .2s}.flyout{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:#fff;z-index:100;display:flex;flex-direction:column;box-shadow:-8px 0 32px #0f172a26;animation:slideInRight .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.flyout-head{background:#4f46e5;height:64px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px}.flyout-close{background:transparent;border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;width:36px;height:36px;border-radius:6px;display:grid;place-items:center}.flyout-close:hover{background:#ffffff26}.flyout-body{flex:1;padding:32px 28px;overflow-y:auto}.flyout-menu{list-style:none;padding:0;margin:0}.flyout-menu li{margin-bottom:18px}.flyout-menu button{background:transparent;border:none;padding:0;font:inherit;cursor:pointer;font-size:22px;font-weight:700;color:var(--text);text-align:left;width:100%}.flyout-menu button:hover{color:var(--primary)}.flyout-form .field{margin-bottom:16px}.flyout-form .field input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none}.flyout-form .field input:focus{border-color:var(--primary)}.flyout-form h3{font-size:22px;margin:12px 0 20px;font-weight:800}.flyout-back{background:transparent;border:none;color:var(--text-light);font-size:13px;cursor:pointer;padding:0;font-weight:600}.flyout-back:hover{color:var(--primary)}.flyout-hint{font-size:12px;color:var(--text-light);line-height:1.55;margin-top:14px;padding:12px;background:#f8fafc;border-radius:8px}.flyout-soon{text-align:center;padding-top:32px}.flyout-soon-emoji{font-size:56px;display:block;margin-bottom:12px}.flyout-soon h3{font-size:20px;margin:0 0 12px;font-weight:800}.flyout-soon p{color:var(--text-light);font-size:13px;line-height:1.6;margin:0 0 20px}.flyout-foot{padding:16px 28px;background:#f8fafc;border-top:1px solid var(--border);display:flex;gap:18px}.flyout-foot a{color:var(--text);font-size:13px;font-weight:600;text-decoration:underline}.flyout-foot a:hover{color:var(--primary)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px}.field input[type=text],.field select{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;outline:none;transition:border-color .15s}.field input[type=text]:focus,.field select:focus{border-color:var(--primary)}.field input[type=range]{padding:0;height:28px}.actions{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}.actions .btn{flex:1;min-width:140px}.templates{background:var(--bg)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:24px}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.template-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow)}.template-svg{aspect-ratio:1;width:100%}.template-svg svg{width:100%;height:100%;display:block}.editor-body{display:grid;grid-template-columns:360px 1fr;flex:1;min-height:0}.editor-body.v2{grid-template-columns:150px 320px 1fr}.panel{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.panel.v2{border-right:1px solid var(--border)}.v-rail{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 8px;gap:2px;overflow-y:auto}.v-rail-btn{display:flex;align-items:center;gap:12px;padding:9px 12px;background:transparent;border:none;border-radius:8px;font:inherit;font-size:13px;font-weight:600;color:var(--text-light);cursor:pointer;text-align:left;transition:background .12s,color .12s}.v-rail-btn:hover{background:#f1f5f9;color:var(--text)}.v-rail-btn.active{background:#eef2ff;color:var(--primary);font-weight:800}.v-rail-glyph{width:22px;display:inline-flex;justify-content:center;font-size:16px;flex-shrink:0}.v-rail-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-rail-divider{height:1px;background:var(--border);margin:8px 4px}.section-label{font-size:12px;font-weight:800;color:var(--text);text-transform:uppercase;letter-spacing:.7px;margin-bottom:12px}.preview-stack{display:flex;flex-direction:column;gap:12px;align-items:center}.preview-large{width:100%;aspect-ratio:1;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#fff,#fff 25%,#f1f5f9 0%,#f1f5f9 50%) 50% / 16px 16px}.preview-large svg{width:100%;height:100%;display:block}.preview-row{display:flex;gap:6px}.preview-thumb-row{display:flex;justify-content:center;padding:16px 0;background:#f8fafc;border-radius:8px;width:100%}.preview-thumb{background:#fff;border:1px solid var(--border);border-radius:4px;overflow:hidden}.preview-thumb svg{width:100%;height:100%;display:block}.container-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.container-tile{background:#f8fafc;border:1.5px solid var(--border);border-radius:8px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--text-light);cursor:pointer;transition:border-color .12s,background .12s,color .12s}.container-tile:hover{border-color:var(--primary);color:var(--primary)}.container-tile.active{background:#eef2ff;border-color:var(--primary);color:var(--primary)}.container-preview{width:32px;height:32px;display:grid;place-items:center;overflow:hidden}.container-preview svg{width:100%;height:100%;fill:currentColor}.container-preview>span{width:100%;height:100%;display:block}.pattern-catalog{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.pattern-cat .container-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.pattern-cat-heading{font-size:10px;font-weight:800;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase;margin:8px 0 6px}.pattern-cat .container-tile{padding:8px 4px;font-size:10px}.pattern-cat .container-preview{width:28px;height:28px}.text-style-picker{margin-bottom:14px}.text-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.text-style-tile{background:#f8fafc;border:1.5px solid var(--border);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--text-light);cursor:pointer;transition:border-color .12s,background .12s,color .12s}.text-style-tile:hover{border-color:var(--primary);color:var(--primary)}.text-style-tile.active{border-color:var(--primary);background:#eef2ff;color:var(--primary)}.text-style-preview{width:100%;display:block}.text-style-preview span{display:block}.text-style-label{text-align:center}.history-controls{display:flex;gap:6px;margin-bottom:14px}.history-controls .btn{flex:1}.history-controls .btn:disabled{opacity:.4;cursor:not-allowed}.history-list{display:flex;flex-direction:column;gap:14px}.history-empty{font-size:12px;color:#94a3b8;padding:20px 0;text-align:center}.history-bucket-label{font-size:10px;font-weight:800;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.history-bucket.muted{opacity:.55}.history-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f8fafc;border-radius:6px;font-size:12px;color:var(--text);margin-bottom:4px}.history-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.history-dot.ghost{background:#cbd5e1}@media(max-width:1100px){.editor-body.v2{grid-template-columns:64px 280px 1fr}.v-rail-label{display:none}}@media(max-width:800px){.editor-body.v2{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.v-rail{flex-direction:row;overflow-x:auto;padding:8px;border-right:none;border-bottom:1px solid var(--border)}.v-rail-btn{flex-direction:column;gap:2px;padding:6px 10px;font-size:10px}.v-rail-divider{display:none}}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab{flex:1;padding:12px 8px;background:transparent;border:none;font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;border-bottom:3px solid transparent}.tab:hover{color:var(--text);background:#f8fafc}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.panel-body{padding:16px;overflow-y:auto;flex:1}.cat-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{padding:5px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize;color:var(--text-light)}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chip.danger{color:var(--danger);border-color:#fecaca}.chip.danger:hover{background:#fef2f2}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:16px}.icon-tile{aspect-ratio:1;background:#f8fafc;border:1.5px solid var(--border);border-radius:8px;display:grid;place-items:center}.icon-tile:hover,.icon-tile.active{border-color:var(--primary);background:#eef2ff}.color-row{margin-bottom:18px}.color-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.color-row-head span{font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px}.color-row-head input[type=color]{width:36px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent;cursor:pointer}.color-row-controls{display:flex;align-items:center;gap:6px}.hex-input{width:84px;height:28px;padding:0 8px;border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text);text-transform:lowercase;background:var(--surface)}.hex-input:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary)}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.swatch{aspect-ratio:1;border:2px solid var(--border);border-radius:6px;padding:0;cursor:pointer}.swatch.active{border-color:var(--primary);transform:scale(1.08)}.swatch.swatch-transparent{background:repeating-conic-gradient(#fff,#fff 25%,#cbd5e1 0%,#cbd5e1 50%) 50% / 8px 8px;display:grid;place-items:center;color:var(--text);font-size:13px;font-weight:700}.swatch.swatch-transparent span{background:#ffffffd9;border-radius:3px;padding:0 3px;line-height:1.1}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layout-tile{padding:18px 10px;background:#f8fafc;border:1.5px solid var(--border);border-radius:8px;font-size:12px;font-weight:600;color:var(--text-light)}.layout-tile:hover{border-color:var(--primary);color:var(--primary)}.layout-tile.active{background:var(--primary);color:#fff;border-color:var(--primary)}.canvas-wrap{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-height:0;overflow-y:auto;position:relative}.canvas-stack{position:sticky;top:24px;width:500px;height:500px;max-width:100%;flex-shrink:0}.canvas{background:transparent;width:100%;height:100%;flex-shrink:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-glass)}.canvas svg{width:100%;height:100%;display:block}.canvas-hint{margin-top:10px;font-size:11px;color:var(--text-light)}.golden-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:14px}.golden-toggle{position:absolute;top:12px;right:12px;z-index:5;width:36px;height:36px;border-radius:50%;background:#ffffffeb;color:var(--accent);border:1.5px solid rgba(212,134,42,.6);font-size:18px;font-weight:700;line-height:1;display:grid;place-items:center;box-shadow:0 1px 3px #0f172a1f;transition:background .15s,border-color .15s,transform .05s}.golden-toggle:hover{border-color:var(--accent)}.golden-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}@media(max-width:900px){.editor-body{grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--border);max-height:50vh}}.dropzone{display:block;border:2px dashed var(--border);border-radius:10px;padding:22px 14px;text-align:center;cursor:pointer;background:#f8fafc;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.hover{border-color:var(--primary);background:#eef2ff}.dropzone.loading{opacity:.6;cursor:wait}.dropzone-inner{font-size:13px;font-weight:600;color:var(--text-light)}.dropzone-hint{font-size:11px;color:#94a3b8;margin-top:4px;font-weight:500}.ref-preview{margin-top:10px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff;max-height:180px}.ref-preview img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}.error-note{margin-top:10px;padding:8px 10px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;font-size:12px}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.palette-cell{position:relative}.palette-swatch{width:100%;aspect-ratio:1.4;border:1px solid rgba(15,23,42,.08);border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px;display:flex;align-items:flex-end;justify-content:center;padding:4px 0;text-shadow:0 1px 2px rgba(0,0,0,.15);transition:transform .1s}.palette-swatch:hover{transform:translateY(-1px)}.palette-actions{position:absolute;top:100%;left:0;right:0;z-index:5;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:2px}.palette-actions button{background:transparent;border:none;padding:6px 4px;font-size:11px;font-weight:600;color:var(--text);border-radius:4px}.palette-actions button:hover{background:#f1f5f9;color:var(--primary)}.variations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.variation-card{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:0;overflow:hidden;aspect-ratio:1;transition:border-color .15s,transform .1s}.variation-card:hover{border-color:var(--primary);transform:translateY(-1px)}.variation-svg{width:100%;height:100%}.variation-svg svg{width:100%;height:100%;display:block}.uploader.compact .dropzone{padding:14px 12px}.uploader.compact .dropzone-inner{font-size:12px}.uploader.compact .dropzone-hint{font-size:10px}.uploader.compact .ref-preview,.uploader.compact .ref-preview img{max-height:80px}.palette-readout{margin-top:10px}.palette-readout-head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.link-btn{background:transparent;border:none;color:var(--primary);font-size:11px;font-weight:600;cursor:pointer;padding:0;text-transform:none;letter-spacing:0}.link-btn:hover{text-decoration:underline}.palette-mini{display:flex;gap:4px;flex-wrap:wrap}.palette-mini-swatch{flex:1 1 0;min-width:36px;height:32px;border-radius:6px;border:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.4px}.palette-mini.compact .palette-mini-swatch{height:24px;min-width:24px}.ok-note{margin-top:10px;padding:8px 10px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;font-size:12px}.undo-group{display:flex;gap:2px}.icon-only-btn{padding:6px 10px;font-size:16px}.icon-only-btn:disabled{opacity:.35;cursor:not-allowed}.custom-tile-wrap{position:relative}.custom-tile-wrap .custom-tile-x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:12px;line-height:1;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .15s}.custom-tile-wrap:hover .custom-tile-x{opacity:1}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:200;display:grid;place-items:center;animation:fadeIn .15s}.shortcuts-card{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000004d;width:min(640px,90vw);max-height:80vh;overflow:auto;display:flex;flex-direction:column}.shortcuts-card header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border)}.shortcuts-card header h3{margin:0;font-size:18px}.shortcuts-card header .flyout-close{color:var(--text-light)}.shortcuts-card header .flyout-close:hover{color:var(--text);background:#f1f5f9}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;padding:20px 24px}.shortcuts-group h4{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.shortcuts-group ul{list-style:none;padding:0;margin:0}.shortcuts-group li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed #f1f5f9;font-size:13px}.shortcuts-group li span{color:var(--text-light)}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;padding:2px 7px;border-radius:5px;background:#f1f5f9;border:1px solid var(--border);color:var(--text);white-space:nowrap}.shortcuts-card footer{padding:12px 24px;background:#f8fafc;border-top:1px solid var(--border);font-size:12px;color:var(--text-light);text-align:center}.live-score{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#f1f5f9;border:1.5px solid var(--border);cursor:pointer;transition:transform .1s,border-color .15s;font-family:var(--font-ui)}.live-score:hover{transform:translateY(-1px)}.live-score-grade{font-size:13px;font-weight:900;letter-spacing:.3px}.live-score-pct{font-size:11px;font-weight:700;opacity:.7}.live-score.grade-a{background:#dcfce7;border-color:#16a34a;color:#14532d}.live-score.grade-b{background:#dbeafe;border-color:#3b82f6;color:#1e3a8a}.live-score.grade-c{background:#fef9c3;border-color:#ca8a04;color:#854d0e}.live-score.grade-d{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.score-hero{margin:-4px -4px 14px;padding:18px 16px;border-radius:10px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:4px 14px;align-items:center;border:1px solid var(--border)}.score-hero.grade-a{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#16a34a}.score-hero.grade-b{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6}.score-hero.grade-c{background:linear-gradient(135deg,#fef9c3,#fde68a);border-color:#ca8a04}.score-hero.grade-d{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#dc2626}.score-hero-grade{grid-row:1 / span 2;font-size:42px;font-weight:900;line-height:1;padding:4px 14px;background:#ffffffb3;border-radius:10px}.score-hero-num{font-size:24px;font-weight:800}.score-hero-num span{font-size:13px;font-weight:600;opacity:.55}.score-hero-sub{grid-column:2;font-size:11px;color:var(--text);opacity:.75;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.score-section-head{font-size:11px;font-weight:800;color:var(--text-light);text-transform:uppercase;letter-spacing:.6px;margin:14px 0 8px}.score-bars{display:flex;flex-direction:column;gap:8px}.score-bar{font-size:12px}.score-bar-row{display:flex;justify-content:space-between;margin-bottom:3px}.score-bar-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.score-bar-track{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;transition:width .3s}.score-bar-fill.high{background:linear-gradient(90deg,#16a34a,#22c55e)}.score-bar-fill.mid{background:linear-gradient(90deg,#ca8a04,#eab308)}.score-bar-fill.low{background:linear-gradient(90deg,#dc2626,#ef4444)}.score-feedback{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.score-feedback li{font-size:12px;line-height:1.5;background:#f8fafc;border-left:3px solid var(--accent);padding:8px 10px;border-radius:0 6px 6px 0;color:var(--text)}.score-method{margin-top:14px;font-size:11px}.score-method summary{cursor:pointer;color:var(--text-light);font-weight:600}.score-method p{margin:6px 0 0;color:var(--text-light);line-height:1.5}.ideas-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.ideas-title{font-size:14px;font-weight:800}.ideas-sub{font-size:11px;color:var(--text-light);margin-top:2px}.btn-sm{padding:4px 10px;font-size:12px}.generated-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;padding:12px 24px 24px}@media(min-width:1500px){.generated-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media(max-width:900px){.generated-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.ideas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.idea-card{position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:0;overflow:hidden;aspect-ratio:1;cursor:pointer;transition:transform .12s,border-color .15s,box-shadow .15s}.idea-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 6px 16px #0f172a14}.idea-card.active{border-color:var(--accent);box-shadow:0 0 0 2px #d4862a40}.idea-svg{width:100%;height:100%}.idea-svg svg{width:100%;height:100%;display:block}.idea-grade{position:absolute;top:6px;right:6px;font-size:10px;font-weight:900;padding:2px 6px;border-radius:999px;background:#fffffff2;border:1.5px solid var(--border);font-family:var(--font-ui)}.idea-grade span{font-weight:700;opacity:.65;margin-left:2px}.idea-grade.grade-a{background:#dcfce7;border-color:#16a34a;color:#14532d}.idea-grade.grade-b{background:#dbeafe;border-color:#3b82f6;color:#1e3a8a}.idea-grade.grade-c{background:#fef9c3;border-color:#ca8a04;color:#854d0e}.idea-grade.grade-d{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.my-designs-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:520px;margin-inline:auto}.my-designs-grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:1200px;gap:16px}.my-design-card{position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.my-design-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 6px 16px #0f172a14}.my-design-btn{all:unset;display:flex;flex-direction:column;width:100%;cursor:pointer;box-sizing:border-box}.my-design-preview{aspect-ratio:5 / 4;width:100%;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;background:linear-gradient(45deg,#f1f5f9 25%,transparent 25%),linear-gradient(-45deg,#f1f5f9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f5f9 75%),linear-gradient(-45deg,transparent 75%,#f1f5f9 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#fafbfc}.my-design-preview svg{max-width:100%;max-height:100%;width:auto;height:100%;display:block}.my-design-delete{position:absolute;top:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border-radius:8px;background:#fffffff2;border:1px solid var(--border);color:var(--muted);cursor:pointer;z-index:2;transition:background .12s,border-color .12s,color .12s}.my-design-delete:hover{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.template-card{position:relative}.template-score{position:absolute;top:8px;right:8px;font-size:11px;font-weight:900;padding:3px 8px;border-radius:999px;background:#fffffff2;border:1.5px solid var(--border);font-family:var(--font-ui);box-shadow:0 2px 6px #0f172a1a}.template-score span{font-weight:700;opacity:.7;margin-left:2px}.template-score.grade-a{background:#dcfce7;border-color:#16a34a;color:#14532d}.template-score.grade-b{background:#dbeafe;border-color:#3b82f6;color:#1e3a8a}.template-score.grade-c{background:#fef9c3;border-color:#ca8a04;color:#854d0e}.template-score.grade-d{background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.section-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 6px}.section-head h3{margin:0;font-size:16px;font-weight:800}.section-head p{margin:4px 0 0;font-size:13px;color:var(--text-light)}.palette-strip{display:flex;gap:4px}.strip-chip{width:22px;height:22px;border-radius:5px;border:1px solid rgba(15,23,42,.08)}.gif-maker .gif-maker-banner{width:calc(100% - 48px);max-width:1032px;margin:16px auto 0;aspect-ratio:640 / 271;background-image:url(/gif-maker-banner.gif);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:12px}.gif-maker .gm-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.gif-maker .gm-card h3{font-size:15px;font-weight:700;color:var(--text)}@media(max-width:880px){.gif-maker [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}.qr-maker-rich{--qrm-bg: #F5F1EA;--qrm-surface: #FFFFFF;--qrm-ink: #1A1A1A;--qrm-ink-muted: #6B6862;--qrm-ink-soft: #9A968F;--qrm-accent: #B8845C;--qrm-line: rgba(26, 26, 26, .1);--qrm-line-strong: rgba(26, 26, 26, .18);background:var(--qrm-bg);color:var(--qrm-ink);min-height:100vh;font-family:DM Sans,system-ui,sans-serif;line-height:1.5}.qr-maker-rich *{box-sizing:border-box}.qr-maker-rich .qrm-app{max-width:1280px;margin:0 auto;padding:50px 40px}.qr-maker-rich .qrm-header{margin-bottom:50px;border-bottom:1px solid var(--qrm-line);padding-bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}.qr-maker-rich .qrm-back{background:transparent;border:1px solid var(--qrm-line-strong);color:var(--qrm-ink-muted);padding:6px 12px;border-radius:4px;font-size:11px;font-family:DM Sans,sans-serif;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.qr-maker-rich .qrm-back:hover{background:var(--qrm-ink);color:var(--qrm-bg);border-color:var(--qrm-ink)}.qr-maker-rich .qrm-brand-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--qrm-ink-muted);margin-bottom:8px}.qr-maker-rich .qrm-title{font-family:Fraunces,serif;font-weight:300;font-size:clamp(36px,5vw,56px);letter-spacing:-.02em;line-height:1;font-variation-settings:"opsz" 100;margin:0}.qr-maker-rich .qrm-title em{font-style:italic;color:var(--qrm-accent)}.qr-maker-rich .qrm-meta{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--qrm-ink-muted);text-align:right}.qr-maker-rich .qrm-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}@media(max-width:900px){.qr-maker-rich .qrm-grid{grid-template-columns:1fr;gap:40px}.qr-maker-rich .qrm-app{padding:30px 20px}}.qr-maker-rich .qrm-controls{display:flex;flex-direction:column;gap:32px}.qr-maker-rich .qrm-field-group{display:flex;flex-direction:column;gap:12px}.qr-maker-rich .qrm-field-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--qrm-ink-muted)}.qr-maker-rich .qrm-hint{font-family:Fraunces,serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:12px;color:var(--qrm-ink-soft);margin-left:8px}.qr-maker-rich .qrm-url{width:100%;padding:16px 18px;border:1px solid var(--qrm-line-strong);background:var(--qrm-surface);border-radius:6px;font-family:JetBrains Mono,monospace;font-size:14px;color:var(--qrm-ink);transition:all .2s ease}.qr-maker-rich .qrm-url:focus{outline:none;border-color:var(--qrm-ink);box-shadow:0 0 0 3px #1a1a1a0f}.qr-maker-rich .qrm-color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qr-maker-rich .qrm-color-field{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--qrm-surface);border:1px solid var(--qrm-line-strong);border-radius:6px;cursor:pointer;transition:border-color .2s ease}.qr-maker-rich .qrm-color-field:hover{border-color:var(--qrm-ink)}.qr-maker-rich .qrm-color-swatch{width:28px;height:28px;border-radius:4px;border:1px solid var(--qrm-line);flex-shrink:0;position:relative;overflow:hidden}.qr-maker-rich .qrm-color-swatch input{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:0;cursor:pointer;border:none;background:none}.qr-maker-rich .qrm-color-info{display:flex;flex-direction:column;gap:2px}.qr-maker-rich .qrm-color-name{font-size:12px;color:var(--qrm-ink-muted)}.qr-maker-rich .qrm-color-hex{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--qrm-ink);text-transform:uppercase}.qr-maker-rich .qrm-seg{display:grid;gap:6px}.qr-maker-rich .qrm-seg-row{display:flex;gap:6px;flex-wrap:wrap}.qr-maker-rich .qrm-seg-btn{flex:1;min-width:0;padding:10px 12px;background:var(--qrm-surface);border:1px solid var(--qrm-line-strong);border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;color:var(--qrm-ink-muted);cursor:pointer;transition:all .15s ease;text-transform:capitalize}.qr-maker-rich .qrm-seg-btn:hover{border-color:var(--qrm-ink-muted);color:var(--qrm-ink)}.qr-maker-rich .qrm-seg-btn.active{background:var(--qrm-ink);color:var(--qrm-bg);border-color:var(--qrm-ink)}.qr-maker-rich .qrm-logo-zone{display:block;border:1px dashed var(--qrm-line-strong);border-radius:6px;padding:24px 18px;text-align:center;background:var(--qrm-surface);transition:border-color .2s ease,background .2s ease;cursor:pointer;position:relative}.qr-maker-rich .qrm-logo-zone:hover{border-color:var(--qrm-ink);background:#fff9}.qr-maker-rich .qrm-logo-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.qr-maker-rich .qrm-logo-empty{font-size:13px;color:var(--qrm-ink-muted)}.qr-maker-rich .qrm-accent{color:var(--qrm-accent);font-style:italic;font-family:Fraunces,serif;font-size:14px}.qr-maker-rich .qrm-logo-preview{display:flex;align-items:center;justify-content:space-between;gap:16px}.qr-maker-rich .qrm-logo-thumb{width:48px;height:48px;border-radius:4px;background:#fff;border:1px solid var(--qrm-line);object-fit:contain}.qr-maker-rich .qrm-logo-info{flex:1;text-align:left;font-size:13px;color:var(--qrm-ink)}.qr-maker-rich .qrm-logo-name{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--qrm-ink-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.qr-maker-rich .qrm-logo-remove{background:transparent;border:1px solid var(--qrm-line-strong);color:var(--qrm-ink-muted);padding:6px 12px;border-radius:4px;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-family:DM Sans,sans-serif;transition:all .15s ease;z-index:2;position:relative}.qr-maker-rich .qrm-logo-remove:hover{background:var(--qrm-ink);color:var(--qrm-bg);border-color:var(--qrm-ink)}.qr-maker-rich .qrm-slider-row{display:flex;align-items:center;gap:14px}.qr-maker-rich .qrm-slider-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:var(--qrm-line-strong);border-radius:2px;cursor:pointer}.qr-maker-rich .qrm-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--qrm-ink);border-radius:50%;cursor:pointer}.qr-maker-rich .qrm-slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--qrm-ink);border-radius:50%;cursor:pointer;border:none}.qr-maker-rich .qrm-slider-value{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--qrm-ink);min-width:36px;text-align:right}.qr-maker-rich .qrm-preview-wrap{position:sticky;top:30px}.qr-maker-rich .qrm-preview-card{background:var(--qrm-surface);border:1px solid var(--qrm-line);border-radius:12px;padding:40px;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 2px #1a1a1a0a,0 12px 32px #1a1a1a0f}.qr-maker-rich .qrm-preview-stage{position:relative}.qr-maker-rich .qrm-frame-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.qr-maker-rich .qrm-frame-fg{z-index:5}.qr-maker-rich .qrm-stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2}.qr-maker-rich .qrm-stage-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;pointer-events:none;z-index:3}.qr-maker-rich .qrm-stage-qr{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:4}.qr-maker-rich .qrm-stage-qr svg{width:100%;height:100%}.qr-maker-rich .qrm-swatch-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.qr-maker-rich .qrm-swatch{width:32px;height:32px;border-radius:6px;border:2px solid var(--qrm-line-strong);cursor:pointer;padding:0;position:relative;transition:transform .15s ease,border-color .15s ease}.qr-maker-rich .qrm-swatch:hover{transform:translateY(-1px)}.qr-maker-rich .qrm-swatch.active{border-color:var(--qrm-ink);box-shadow:0 0 0 2px var(--qrm-bg),0 0 0 4px var(--qrm-ink)}.qr-maker-rich .qrm-swatch-custom{background:linear-gradient(135deg,#e11d48,#f59e0b,#10b981,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);font-size:16px}.qr-maker-rich .qrm-swatch-custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;border:none;background:none}.qr-maker-rich .qrm-preview-meta{margin-top:28px;padding-top:24px;border-top:1px solid var(--qrm-line);width:100%;display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--qrm-ink-muted);letter-spacing:.1em;text-transform:uppercase}.qr-maker-rich .qrm-download-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;width:100%}.qr-maker-rich .qrm-dl-btn{padding:14px 16px;background:var(--qrm-ink);color:var(--qrm-bg);border:none;border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.qr-maker-rich .qrm-dl-btn:hover{background:var(--qrm-accent)}.qr-maker-rich .qrm-dl-btn.secondary{background:transparent;color:var(--qrm-ink);border:1px solid var(--qrm-line-strong)}.qr-maker-rich .qrm-dl-btn.secondary:hover{background:var(--qrm-ink);color:var(--qrm-bg);border-color:var(--qrm-ink)}.qr-maker-rich .qrm-dl-btn svg{width:14px;height:14px}.save-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.save-modal{background:var(--surface, #ffffff);border-radius:16px;box-shadow:0 24px 60px #0f172a52;padding:28px;width:100%;max-width:460px;display:flex;flex-direction:column;gap:18px}.save-modal h3{margin:0;font-size:20px;font-weight:800;color:var(--text, #0f172a)}.save-field{display:flex;flex-direction:column;gap:8px}.save-field>span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted, #64748b)}.save-field input[type=text]{padding:12px 14px;border:1px solid var(--border, #e2e8f0);border-radius:10px;font-size:14px;font-family:inherit}.save-field input[type=text]:focus{outline:none;border-color:var(--primary, #0c2572);box-shadow:0 0 0 3px #0c25721f}.save-vis-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.save-vis-opt{border:2px solid var(--border, #e2e8f0);border-radius:12px;padding:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease;display:flex;align-items:flex-start;gap:10px}.save-vis-opt:hover{border-color:var(--text-muted, #64748b)}.save-vis-opt.active{border-color:var(--primary, #0c2572);background:#0c25720a}.save-vis-opt input[type=radio]{margin-top:4px;accent-color:var(--primary, #0c2572)}.save-vis-label{display:flex;flex-direction:column;gap:4px;flex:1}.save-vis-label strong{font-size:14px;color:var(--text, #0f172a);font-weight:700}.save-vis-label small{font-size:12px;color:var(--text-muted, #64748b);line-height:1.35}.save-modal-hint{font-size:12px;color:var(--text-muted, #64748b);background:#f59e0b14;border:1px solid rgba(245,158,11,.25);padding:10px 12px;border-radius:8px;line-height:1.4}.save-modal-error{font-size:13px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;padding:10px 12px;border-radius:8px}.save-modal-actions{display:flex;gap:10px;justify-content:flex-end}@media(max-width:520px){.save-vis-options{grid-template-columns:1fr}}