.logo-root{--void:#07070a;--shell:#0d0d11;--panel:#101015;--raised:#16161c;--hover:rgba(255,255,255,0.038);--selected:rgba(255,255,255,0.062);--ink:#ececed;--muted:rgba(236,236,237,0.56);--faint:rgba(236,236,237,0.34);--ghost:rgba(236,236,237,0.2);--line:rgba(255,255,255,0.062);--line-strong:rgba(255,255,255,0.11);--signal:#ff5c2b;--signal-dim:rgba(255,92,43,0.16);--ok:#4ec08a;--warn:#e0a94a;--danger:#ff6b5e;--ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ease:cubic-bezier(0.16,1,0.3,1);--radius:15px;--composer:340px;position:relative;min-height:100dvh;color:var(--ink);background:var(--void);font-family:var(--ui);font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.logo-root) *,:where(.logo-root) :after,:where(.logo-root) :before{box-sizing:border-box}:where(.logo-root) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:where(.logo-root) input,:where(.logo-root) select,:where(.logo-root) textarea{font:inherit;color:inherit}.logo-root :focus-visible{outline:1px solid var(--line-strong);outline-offset:2px}.logo-shell{display:grid;grid-template-rows:auto 1fr;height:100dvh;overflow:hidden}.logo-top{display:flex;align-items:center;gap:16px;padding:0 16px;height:46px;border-bottom:1px solid var(--line);background:var(--shell)}.logo-mark{display:flex;align-items:baseline;gap:7px;font-size:12px;letter-spacing:.02em}.logo-mark b{font-weight:620}.logo-mark span{color:var(--faint);font-family:var(--mono);font-size:10.5px}.logo-top-spacer{flex:1}.logo-meter{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;color:var(--faint);font-variant-numeric:tabular-nums}.logo-meter-bar{width:74px;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.logo-meter-fill{height:100%;background:var(--muted)}.logo-meter-fill[data-tight="1"]{background:var(--warn)}.logo-meter-fill[data-tight="2"]{background:var(--signal)}.logo-body{display:grid;grid-template-columns:var(--composer) 1fr;min-height:0}.logo-composer{gap:14px;padding:16px;border-right:1px solid var(--line);background:var(--shell);overflow-y:auto;min-height:0}.logo-composer,.logo-field{display:flex;flex-direction:column}.logo-field{gap:6px}.logo-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.logo-prompt{width:100%;min-height:128px;padding:10px 11px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:13px;line-height:1.5}.logo-prompt:focus{border-color:var(--line-strong);outline:none}.logo-prompt::placeholder{color:var(--ghost)}.logo-select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:12.5px;appearance:none}.logo-select:focus{border-color:var(--line-strong);outline:none}.logo-model-note{font-size:11.5px;line-height:1.45;color:var(--faint)}.logo-params{display:grid;grid-template-columns:1fr 1fr;gap:8px}.logo-params .logo-field{gap:4px}.logo-toggle{gap:7px;font-size:12px;color:var(--muted)}.logo-generate,.logo-toggle{display:flex;align-items:center}.logo-generate{justify-content:center;gap:9px;width:100%;padding:11px;border-radius:9px;background:var(--signal);color:#140600;font-size:13px;font-weight:600;transition:filter .16s var(--ease)}.logo-generate:hover:not(:disabled){filter:brightness(1.08)}.logo-generate:disabled{opacity:.45;cursor:default}.logo-cost{font-family:var(--mono);font-size:10.5px;opacity:.7;font-variant-numeric:tabular-nums}.logo-refuse{padding:9px 11px;border:1px solid rgba(255,107,94,.3);border-radius:8px;background:rgba(255,107,94,.07);color:var(--danger);font-size:11.5px;line-height:1.45}.logo-canvas{overflow-y:auto;min-height:0;padding:18px}.logo-run{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:26px}.logo-tile{position:relative;display:block;width:100%;aspect-ratio:1;border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden;transition:border-color .16s var(--ease)}.logo-tile:hover{border-color:var(--line-strong)}.logo-tile img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.logo-tile-shared{position:absolute;top:8px;right:8px;padding:2px 6px;border-radius:5px;background:rgba(7,7,10,.78);font-family:var(--mono);font-size:9px;letter-spacing:.07em;color:var(--ink)}.logo-section-head{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint)}.logo-section-head:after{content:"";flex:1;height:1px;background:var(--line)}.logo-empty{display:flex;align-items:center;justify-content:center;height:60%;color:var(--ghost);font-size:12.5px}.logo-working{display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--line-strong);border-radius:11px;color:var(--faint);font-family:var(--mono);font-size:10.5px;letter-spacing:.08em}.logo-detail-scrim{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(4,4,6,.82)}.logo-detail{display:grid;grid-template-columns:1fr 300px;width:min(1080px,100%);max-height:88dvh;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--shell);overflow:hidden}.logo-detail-image{display:grid;place-items:center;padding:22px;background:var(--panel);min-height:0}.logo-detail-image img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:6px}.logo-detail-side{display:flex;flex-direction:column;gap:14px;padding:16px;border-left:1px solid var(--line);overflow-y:auto;min-height:0}.logo-detail-prompt{font-size:12.5px;line-height:1.5;color:var(--muted)}.logo-facts{display:grid;gap:5px;font-family:var(--mono);font-size:10.5px;color:var(--faint)}.logo-facts div{display:flex;justify-content:space-between;gap:10px}.logo-facts b{font-weight:500;color:var(--muted)}.logo-actions{display:flex;flex-wrap:wrap;gap:7px}.logo-action{padding:7px 11px;border:1px solid var(--line);border-radius:7px;background:var(--raised);font-size:11.5px;transition:border-color .16s var(--ease)}.logo-action:hover{border-color:var(--line-strong)}.logo-action[data-primary="1"]{background:var(--signal);color:#140600;border-color:transparent}.logo-share-url{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--panel);font-family:var(--mono);font-size:10px;color:var(--muted);word-break:break-all}.logo-strip{display:flex;flex-wrap:wrap;gap:7px}.logo-strip img{width:52px;height:52px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer}.logo-gate{display:grid;place-items:center;min-height:100dvh;padding:24px}.logo-gate-card{width:min(380px,100%);display:flex;flex-direction:column;gap:14px}.logo-gate-title{font-size:19px;font-weight:600;letter-spacing:-.01em}.logo-input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:16px}.logo-input:focus{border-color:var(--line-strong);outline:none}.logo-lede{font-size:13.5px;line-height:1.6;color:var(--muted)}.logo-landing{display:flex;flex-direction:column;gap:20px;width:min(460px,100%)}.logo-landing-facts{display:grid;gap:9px;font-size:12.5px;color:var(--faint);line-height:1.5}@media (max-width:900px){.logo-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.logo-composer{border-right:0;border-bottom:1px solid var(--line);max-height:46dvh}.logo-detail{grid-template-columns:1fr;grid-template-rows:1fr auto}.logo-detail-side{border-left:0;border-top:1px solid var(--line);max-height:42dvh}}