:root{--spark: #E6007A;--spark-dark: #b8005f;--purple: #7B61FF;--ink: #111111;--deep: #18122B;--white: #FFFFFF;--surface: #F5F4F8;--surface-2: #ECEAF2;--border: #E3E0EC;--muted: #6B7280;--emerald: #10B981;--error: #DC2626;--gradient: linear-gradient(135deg, #7B61FF 0%, #E6007A 100%);--user-bubble: #FCE4F1;--user-bubble-border: #F6C4E1;--shadow-sm: 0 1px 3px rgba(24, 18, 43, .06);--shadow-md: 0 6px 20px rgba(24, 18, 43, .08);--radius-lg: 16px;--radius-md: 14px;--radius-sm: 10px;--font-head: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface);color:var(--ink);font:15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column;background:var(--surface)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:120px;height:auto;display:block}.brand-wordmark{font-family:var(--font-head);font-weight:800;font-size:19px;letter-spacing:-.01em;color:var(--ink)}.brand-wordmark span{color:var(--spark)}.brand-divider{width:1px;height:20px;background:var(--border)}.brand-label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.app-nav{display:flex;gap:4px;margin-left:6px}.app-nav-link{color:var(--muted);font-size:13px;font-weight:700;text-decoration:none;padding:6px 12px;border-radius:999px;transition:background .15s,color .15s}.app-nav-link:hover{color:var(--ink);background:var(--surface)}.app-nav-link.on{color:var(--white);background:var(--gradient)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--ink);border-radius:999px;padding:7px 14px;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-body);transition:border-color .15s,color .15s,background .15s}.btn-ghost:hover{border-color:var(--ink)}.btn-ghost.small{padding:4px 10px;font-size:12px;border-radius:999px}.btn-ghost.pill{padding:8px 16px}.btn-ghost:disabled{opacity:.4;cursor:default}.btn-send{background:var(--spark);color:var(--white);border:0;border-radius:999px;padding:9px 18px;font-weight:700;font-family:var(--font-body);cursor:pointer;font-size:13.5px;box-shadow:0 2px 8px #e6007a40;transition:background .15s,transform .1s,box-shadow .15s}.btn-send:hover{background:var(--spark-dark)}.btn-send:active{transform:translateY(1px)}.btn-send:disabled{opacity:.4;cursor:default;box-shadow:none}.btn-stop{background:var(--ink);color:var(--white);box-shadow:none}.btn-stop:hover{background:#000}.scroll-btn{align-self:center}.scroll-btn:disabled{display:none}.thread{flex:1;min-height:0;display:flex;flex-direction:column}.viewport{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:20px 20px 0;scroll-behavior:smooth}.footer{position:sticky;bottom:0;margin-top:auto;padding:12px 0 20px;background:linear-gradient(transparent,var(--surface) 40%);display:flex;flex-direction:column;align-items:center;gap:8px}.empty{margin:auto;text-align:center;color:var(--muted);max-width:520px}.empty-eyebrow{color:var(--spark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.empty h2{font-family:var(--font-head);color:var(--ink);font-weight:800;font-size:26px;margin:0 0 20px;letter-spacing:-.01em}.suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.chip{background:var(--white);border:1px solid var(--border);color:var(--ink);border-radius:999px;padding:9px 16px;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-body);box-shadow:var(--shadow-sm);transition:border-color .15s,transform .1s}.chip:hover{border-color:var(--spark);transform:translateY(-1px)}.url-input-row{display:flex;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:999px;padding:6px 6px 6px 18px;box-shadow:var(--shadow-sm)}.url-input{flex:1;min-width:220px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;padding:8px 0}.url-input::placeholder{color:var(--muted)}.msg{display:flex;gap:10px;margin-bottom:18px}.msg-user{justify-content:flex-end}.msg-user .bubble{background:var(--user-bubble);border:1px solid var(--user-bubble-border);color:var(--ink);border-radius:16px 16px 4px;padding:10px 14px;max-width:75%}.avatar{flex:0 0 24px;width:24px;height:24px;border-radius:50%;margin-top:2px}.avatar-img{object-fit:cover;border:1px solid var(--border);background:var(--white)}.avatar-glyph{display:grid;place-items:center;background:var(--surface-2);color:var(--spark);font-size:13px;font-weight:700}.msg-body{flex:1;min-width:0}.msg-error{color:var(--error);font-size:13px;margin-top:6px}.actions{display:flex;gap:6px;margin-top:6px}.actions[data-autohide]{opacity:0;transition:opacity .15s}.msg-assistant:hover .actions{opacity:1}.md p{margin:0 0 10px}.md p:last-child{margin-bottom:0}.md pre{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;overflow-x:auto;font-size:13px}.md code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.md :not(pre)>code{background:var(--surface-2);padding:1px 5px;border-radius:4px}.md ul,.md ol{padding-left:22px}.md a{color:var(--purple)}.stream-cursor{display:inline-block;width:7px;height:15px;margin-left:2px;background:var(--purple);vertical-align:-2px;animation:blink 1s steps(1) infinite;border-radius:1px}@keyframes blink{50%{opacity:0}}.reasoning{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;margin-bottom:10px;color:var(--muted);font-size:13px}.reasoning summary{cursor:pointer}.reasoning pre{white-space:pre-wrap;margin:6px 0 0}.thinking-row{display:flex;align-items:center;gap:10px;padding:8px 2px;color:var(--muted);font-size:13px;font-weight:700}.thinking-dots{display:inline-flex;gap:4px}.thinking-dots i{width:6px;height:6px;border-radius:50%;background:var(--purple);display:inline-block;animation:dotbounce 1.1s infinite ease-in-out}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes dotbounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.thinking-word{background:linear-gradient(90deg,var(--purple),var(--spark));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wordshine 2.4s linear infinite}@keyframes wordshine{to{background-position:200% center}}.canvas-note{display:flex;align-items:center;gap:8px;color:var(--purple);font-weight:700;font-size:13px;margin:6px 0}.canvas-note-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);flex:none}.canvas-note-dot[data-pending=true]{background:var(--purple);animation:pulse 1s infinite}.tool{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin:8px 0;font-size:13px;box-shadow:var(--shadow-sm)}.tool-error{border-color:var(--error)}.tool-pending{border-color:#e6007a33}.tool-head{display:flex;align-items:center;gap:8px}.tool-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald)}.tool-dot[data-pending=true]{background:var(--spark);animation:pulse 1s infinite}.tool-error .tool-dot{background:var(--error)}.tool-name{font-family:var(--font-body);font-weight:700}.tool-status{color:var(--muted);margin-left:auto;font-weight:600}.tool pre{margin:8px 0 0;white-space:pre-wrap;word-break:break-word;font-size:12px;color:var(--muted)}.tool-result{color:var(--ink)!important;border-top:1px dashed var(--border);padding-top:8px}@keyframes pulse{50%{opacity:.3}}.tool details>summary{list-style:none;cursor:pointer}.tool details>summary::-webkit-details-marker{display:none}.tool-image{padding-bottom:12px}.img-link{display:block;margin-top:10px;text-decoration:none;color:var(--muted)}.gen-img{display:block;max-width:420px;max-height:520px;width:auto;height:auto;border-radius:10px;border:1px solid var(--border);background:var(--surface-2)}.img-meta{display:block;font-size:11px;margin-top:6px}.tool-pending-row{display:flex;align-items:center;gap:10px;margin-top:10px}.tool-shimmer{flex:1;max-width:160px;height:6px;border-radius:4px;background:linear-gradient(110deg,var(--surface-2) 30%,#d9d4ec 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite}.tool-pending-label{color:var(--purple);font-size:12px;font-weight:700}.img-skeleton{margin-top:10px;width:320px;max-width:100%;aspect-ratio:4 / 5;border-radius:10px;background:linear-gradient(110deg,var(--surface-2) 30%,#ddd7ee 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.composer{width:100%;display:flex;align-items:flex-end;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 8px 8px 16px;box-shadow:var(--shadow-sm)}.composer:focus-within{border-color:var(--purple)}.composer-input{flex:1;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;max-height:200px;padding:8px 0}.composer-input::placeholder{color:var(--muted)}.ask{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin:10px 0;box-shadow:var(--shadow-sm)}.ask-title{font-weight:800;margin-bottom:10px;color:var(--spark);font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-body)}.ask-q-block{margin-bottom:14px}.ask-q{font-weight:700;margin-bottom:8px;color:var(--ink)}.ask-hint{color:var(--muted);font-size:12px;font-weight:600}.ask-opts{display:flex;flex-wrap:wrap;gap:6px}.ask-opt{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:999px;padding:7px 14px;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-body);transition:all .12s}.ask-opt:hover{border-color:var(--spark)}.ask-opt.on{background:var(--spark);border-color:var(--spark);color:var(--white)}.ask-other{margin-top:8px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--ink);font:inherit;outline:none}.ask-other:focus{border-color:var(--purple)}.ask-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.ask-done{border-color:var(--border);padding:10px 14px}.ask-done .ask-title{color:var(--emerald);margin-bottom:6px}.ask-done-row{display:flex;gap:10px;font-size:13px;margin:2px 0}.ask-done-row .ask-q{color:var(--muted);font-weight:600;margin:0;min-width:40%}.split-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(380px,32%) 1fr}.chat-pane{min-height:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border)}.chat-pane .thread{flex:1;min-height:0}.chat-pane .viewport{padding:16px 16px 0}.chat-pane .msg-user .bubble{max-width:90%}.chat-pane .gen-img{max-width:220px;max-height:260px}.chat-pane .img-skeleton{width:220px}.canvas-pane{min-height:0;display:flex;flex-direction:column;background:var(--surface)}.canvas{display:flex;flex-direction:column;height:100%;min-height:0}.canvas-tabs{display:flex;gap:10px;align-items:center;padding:14px 24px;background:var(--white);border-bottom:1px solid var(--border)}.canvas-busy{margin-left:auto;color:var(--purple);font-size:12px;font-weight:700;animation:pulse 1.2s infinite}.canvas-body{flex:1;overflow:auto;padding:22px 28px;transition:opacity .2s}.canvas-body.is-running{opacity:.92}.canvas-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:18px}.canvas-empty-art{width:220px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.canvas-empty p{max-width:320px;text-align:center;font-weight:600}.canvas-progress{height:3px;width:100%;background:var(--surface-2);overflow:hidden}.canvas-progress-bar{height:100%;width:40%;background:var(--gradient);border-radius:2px;animation:progress-slide 1.3s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.stepper{display:flex;align-items:center;gap:0;flex:1}.step-wrap{display:flex;align-items:center}.step{display:flex;align-items:center;gap:8px;background:transparent;border:0;cursor:pointer;padding:6px 4px;font-family:var(--font-body);color:var(--muted);font-weight:700;font-size:13px}.step:disabled{cursor:default}.step-index{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--surface-2);color:var(--muted);font-weight:800;flex:none}.step-label{text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.step-upcoming .step-label{color:var(--muted)}.step-active .step-index{background:var(--gradient);color:var(--white)}.step-active .step-label{color:var(--ink)}.step-done .step-index{background:var(--emerald);color:var(--white)}.step-done .step-label{color:var(--ink)}.step-line{width:26px;height:1px;background:var(--border);margin:0 2px}.step-line.on{background:var(--purple)}.stage-title{font-family:var(--font-head);font-size:19px;font-weight:800;margin-bottom:16px;color:var(--ink);letter-spacing:-.01em}.stage-sub{color:var(--muted);font-size:12.5px;font-weight:700;margin-left:10px;text-transform:none}.stage-foot{margin-top:14px}.wf{position:relative;width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.wf-safe{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px dashed rgba(255,255,255,.4);border-radius:4px;pointer-events:none}.wf-headline{position:absolute;left:10%;right:10%;color:#fff;font-family:var(--font-head);font-weight:800;font-size:clamp(11px,2.4vw,22px);line-height:1.1;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.35)}.wf-small .wf-headline{font-size:12px}.wf-logo{position:absolute;background:#ffffffeb;color:#111;font-size:10px;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:.04em}.concepts{display:flex;flex-direction:column;gap:14px;max-width:860px}.concept{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.concept:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.concept-title{font-family:var(--font-head);font-weight:800;font-size:18px;margin-bottom:6px;color:var(--ink);display:flex;align-items:center;gap:10px}.palette{display:flex;align-items:center;gap:5px;margin-top:8px;justify-content:center}.palette i{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.08);display:inline-block}.palette-logo{color:var(--muted);font-size:11px;font-weight:700;margin-left:6px}.concept-actions{display:flex;gap:8px;margin-top:12px}.plan{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:22px;align-items:start}.rationale-card{background:linear-gradient(135deg,#7b61ff12,#e6007a12);border:1px solid #7B61FF33;border-radius:var(--radius-md);padding:12px 14px;margin-bottom:14px}.rationale-head{font-weight:800;color:var(--purple);margin-bottom:6px;font-size:13px}.rationale-card ul{margin:0;padding-left:18px;font-size:13px;color:var(--ink)}.rationale-card li{margin:3px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-col{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-sm)}.split-col.ai{border-color:#7b61ff44}.split-col.post{border-color:#e6007a44}.split-head{font-weight:800;margin-bottom:8px;font-size:13px}.split-col.ai .split-head{color:var(--purple)}.split-col.post .split-head{color:var(--spark)}.split-col ul{margin:0;padding-left:18px;font-size:13px;color:var(--ink)}.split-col li{margin:3px 0}.spec{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;margin-top:12px;font-size:13px;box-shadow:var(--shadow-sm)}.spec-row{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:4px 0;align-items:center}.spec-row>span:first-child{color:var(--muted);font-weight:700}.spec code{font-size:12px;color:var(--muted)}.prompt-box{margin-top:12px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;box-shadow:var(--shadow-sm)}.prompt-box summary{cursor:pointer;font-weight:700}.prompt-box p{color:var(--muted);margin:8px 0 0;white-space:pre-wrap}.plan-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.plan-actions a.btn-ghost{text-decoration:none}.ig{background:#fff;color:#111;border-radius:14px;overflow:hidden;border:1px solid #e5e5e5;font-size:13px;box-shadow:var(--shadow-md)}.ig-head{display:flex;align-items:center;gap:8px;padding:10px 12px}.ig-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient);color:#fff;display:grid;place-items:center;font-weight:700}.ig-dots{margin-left:auto;color:#666;letter-spacing:2px}.ig-media{background:#eee;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.ig-media img{width:100%;height:100%;object-fit:contain;display:block}.ig-media .wf{border-radius:0;border:0;height:100%}.ig-render-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;background:linear-gradient(110deg,#eceaf2 30%,#ddd7ee,#eceaf2 70%);background-size:200% 100%;animation:shimmer 1.5s infinite;color:var(--purple);font-weight:700;font-size:12.5px}.ig-actions{padding:10px 12px 4px;font-size:16px}.ig-save{float:right}.ig-caption{padding:6px 12px 14px;line-height:1.45}.ig-body{margin-top:6px;white-space:pre-wrap}.ig-cta{margin-top:6px;font-weight:700}.ig-tags{margin-top:6px;color:#00376b}.versions{display:flex;gap:8px;flex-wrap:wrap}.version{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:4px;cursor:pointer;color:var(--muted);font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow-sm)}.version.on{border-color:var(--spark);color:var(--ink)}.version img{width:72px;height:72px;object-fit:cover;border-radius:6px}.version-pending{cursor:default;color:var(--purple)}.version-skeleton{width:72px;height:72px;border-radius:6px;background:linear-gradient(110deg,var(--surface-2) 30%,#ddd7ee 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite}@media(max-width:900px){.split-layout{grid-template-columns:1fr}.canvas-pane{display:none}}.crash{margin:16px;padding:14px 16px;border:1px solid #E6007A;border-radius:12px;background:#fff0f7;color:#111;font-size:13px}.crash pre{white-space:pre-wrap;word-break:break-word;font-size:11px;max-height:260px;overflow:auto;margin:8px 0}.concept-thumb{width:120px}.concept-thumb .wf{border-radius:8px}.concept-thumb .wf-headline{font-size:8px;left:8%;right:8%}.concept-thumb .wf-logo{font-size:6px;padding:2px 4px}.concept-num{width:24px;height:24px;border-radius:50%;background:var(--gradient, linear-gradient(135deg,#7B61FF,#E6007A));color:#fff;font-size:12px;display:grid;place-items:center;font-family:var(--font-body)}.concept-scene{font-size:15px;line-height:1.5;color:var(--ink);margin:0 0 10px}.concept-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip-tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#7b61ff14;color:var(--purple)}.chip-tag.chip-muted{background:var(--surface, #F5F4F8);color:var(--muted)}.concept-why{font-size:13.5px;line-height:1.5;color:var(--ink);margin:4px 0}.concept-why b{color:var(--muted);font-weight:700;margin-right:4px}.concept-why.brand-fit b{color:var(--purple)}.bg-canvas-title{font-family:var(--font-head);font-weight:800;font-size:16px;color:var(--ink);letter-spacing:-.01em}.bg-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.bg-logo-wrap{flex:0 0 auto;width:84px;height:84px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--border);display:grid;place-items:center;box-shadow:var(--shadow-sm);overflow:hidden}.bg-logo-preview{max-width:76%;max-height:76%;object-fit:contain}.bg-logo-fallback{font-family:var(--font-head);font-weight:800;font-size:13px;color:var(--purple);text-align:center;padding:4px}.bg-header-text{flex:1;min-width:0}.bg-summary{color:var(--muted);font-size:14px;margin:4px 0 0;max-width:640px}.bg-saved-badge{align-self:flex-start;background:var(--emerald);color:var(--white);font-weight:800;font-size:12px;padding:5px 12px;border-radius:999px;white-space:nowrap}.bg-empty-art{display:grid;place-items:center;height:140px;font-size:42px;color:var(--white);background:var(--gradient)}.bg-palette{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.bg-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;box-shadow:var(--shadow-sm);min-width:84px}.bg-swatch-color{width:34px;height:34px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.bg-swatch-role{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.bg-swatch-hex{font-size:11px;color:var(--ink)}.bg-fonts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.bg-font-row{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;box-shadow:var(--shadow-sm)}.bg-font-role{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.bg-font-name{font-size:15px;color:var(--ink)}.bg-file-tabs{display:flex;gap:6px;margin-bottom:10px}.bg-file-tab{background:var(--white);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:7px 16px;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-body);transition:all .12s}.bg-file-tab:hover{border-color:var(--purple);color:var(--ink)}.bg-file-tab.on{background:var(--gradient);border-color:transparent;color:var(--white)}.bg-file-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow-sm);max-width:720px;margin-bottom:6px}.bg-file-card .md,.bg-file-card p,.bg-file-card ul,.bg-file-card ol{font-size:13.5px;line-height:1.55;color:var(--ink)}.bg-file-card h1,.bg-file-card h2,.bg-file-card h3{font-family:var(--font-head);letter-spacing:-.01em;margin:0 0 8px}.bg-file-card p{margin:0 0 10px}.bg-file-card ul,.bg-file-card ol{padding-left:20px;margin:0 0 10px}.bg-file-card strong{color:var(--ink)}.bg-skeleton{width:320px;max-width:100%;height:160px;border-radius:var(--radius-lg);background:linear-gradient(110deg,var(--surface-2) 30%,#ddd7ee 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite}.canvas-note-error{color:#b4004f}.canvas-note-dot[data-error=true]{background:#e6007a}.canvas-note .muted{color:var(--muted);font-weight:400}.book{flex:1;min-height:0;overflow:auto;background:#fff;color:var(--ink);font-family:var(--b-body, var(--font-body))}.book-empty{padding:60px;text-align:center;color:var(--muted)}.book-hero{color:#fff;padding:72px 24px 64px}.book-hero-inner{max-width:1040px;margin:0 auto}.book-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:28px}.book-hero-logo{height:64px;width:auto;max-width:70%;object-fit:contain;object-position:left;display:block}.book-hero-name{font-family:var(--b-head, var(--font-head));font-size:64px;margin:0;letter-spacing:-.02em}.book-hero-tagline{font-family:var(--b-head, var(--font-head));font-weight:800;font-size:clamp(28px,4.5vw,52px);line-height:1.05;letter-spacing:-.02em;margin:28px 0 14px;max-width:16ch}.book-hero-sub{font-size:17px;line-height:1.5;opacity:.9;max-width:60ch;margin:0}.book-hero-url{margin-top:28px;font-size:13px;opacity:.8;letter-spacing:.04em}.book-body{max-width:1040px;margin:0 auto;padding:24px 24px 80px}.book-section{padding:48px 0;border-bottom:1px solid var(--border)}.book-section:last-of-type{border-bottom:0}.section-head{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;margin-bottom:26px}.section-n{font-family:var(--b-head, var(--font-head));font-weight:800;font-size:13px;letter-spacing:.12em;color:var(--b-accent, var(--spark));padding-top:8px}.section-title{font-family:var(--b-head, var(--font-head));font-weight:800;font-size:30px;letter-spacing:-.02em;margin:0 0 6px}.section-blurb{margin:0;color:var(--muted);font-size:15px;max-width:60ch}.book-muted{color:var(--muted);font-size:14px}.book-error{color:#b4004f;font-size:13px;margin:8px 0}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px}.logo-tile{aspect-ratio:4 / 3;border-radius:14px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px}.logo-tile img{width:70%;height:auto;max-height:56px;object-fit:contain}.logo-tile-icon img{width:auto;height:72px;max-height:72px}.logo-tile span{font-size:12px;color:var(--muted);letter-spacing:.04em}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.swatch{aspect-ratio:1 / 1.1;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid transparent}.swatch-name{font-weight:700;font-size:14px}.swatch-hex{font-family:ui-monospace,Menlo,monospace;font-size:12px;opacity:.8;margin-top:2px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.type-card{border:1px solid var(--border);border-radius:16px;padding:22px 24px;background:#fff}.type-specimen{font-size:96px;line-height:1;letter-spacing:-.03em;color:var(--b-primary, var(--ink))}.type-meta{display:flex;flex-direction:column;gap:2px;margin:12px 0 16px}.type-meta b{font-size:15px}.type-meta span{font-size:12px;color:var(--muted);letter-spacing:.04em}.type-sample{font-size:26px;line-height:1.15;letter-spacing:-.01em}.type-sample-body{font-size:16px;line-height:1.6;color:#333}.book-md{font-size:15.5px;line-height:1.65;max-width:72ch}.book-md h1,.book-md h2,.book-md h3{font-family:var(--b-head, var(--font-head));letter-spacing:-.01em;margin:18px 0 6px}.book-md h2{font-size:20px}.book-md p{margin:0 0 12px}.book-md ul{padding-left:20px;margin:0 0 12px}.book-md li{margin:4px 0}.book-md code{background:var(--surface);padding:1px 5px;border-radius:4px;font-size:13px}.book-md strong{color:var(--ink)}.book-md-compact{font-size:14px;color:#333}.mood-cta{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.mood-tile{margin:0}.mood-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;border:1px solid var(--border);display:block}.mood-tile figcaption{font-size:13px;color:var(--muted);margin-top:8px;letter-spacing:.02em}.mood-skeleton{aspect-ratio:1;border-radius:14px;background:var(--surface);border:1px dashed var(--border);display:grid;place-items:center;color:var(--muted);font-size:13px}.mood-skeleton.on{background:linear-gradient(110deg,var(--surface) 30%,#fff 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-style:solid}.book-footer{display:flex;justify-content:space-between;padding-top:28px;font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}@media(max-width:760px){.type-grid,.section-head{grid-template-columns:1fr}}