:root,[data-theme=dark]{--bg:#151412;--bg-subtle:#1b1916;--panel:#1f1d19;--panel-2:#27241f;--panel-hover:#2e2a24;--code-bg:#100f0d;--line:#332e28;--line-strong:#453e35;--text:#f0ebe1;--text-soft:#d5cec2;--dim:#9a9183;--accent:#d97736;--accent-hover:#e58545;--accent-soft:#d9773624;--accent-border:#d977365c;--user-bubble:#29251f;--user-border:#3b352c;--err:#e0584e;--err-soft:#e0584e1f;--ok:#5ba864;--shadow-sm:0 2px 8px #00000038;--shadow-md:0 10px 30px -6px #0000006b;--shadow-lg:0 24px 56px -12px #000000a6;--scroll-track:#ffffff05;--scroll-thumb:#9a918342;--scroll-thumb-hover:#d977368c;--scroll-thumb-active:#d97736;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--serif:"Instrument Serif", "Newsreader", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace}[data-theme=light]{--bg:#faf7f2;--bg-subtle:#f3eee6;--panel:#f1ece2;--panel-2:#fff;--panel-hover:#e8e1d5;--code-bg:#1c1916;--line:#e2dbd0;--line-strong:#cfc5b6;--text:#1f1d1a;--text-soft:#3b3731;--dim:#736b5e;--accent:#c86428;--accent-hover:#b3551d;--accent-soft:#c864281c;--accent-border:#c8642852;--user-bubble:#efe9de;--user-border:#dfd6c7;--err:#c93b32;--err-soft:#c93b3217;--ok:#2e8540;--shadow-sm:0 2px 8px #231c120d;--shadow-md:0 10px 28px -6px #231c1217;--shadow-lg:0 24px 54px -12px #231c122e;--scroll-track:#1f1d1a08;--scroll-thumb:#736b5e47;--scroll-thumb-hover:#c864288c;--scroll-thumb-active:#c86428}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:15px/1.62 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background-color .18s,color .18s}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}select{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{background:var(--bg);grid-template-columns:276px 1fr;height:100dvh;display:grid}.side{background:var(--panel);border-right:1px solid var(--line);-webkit-user-select:none;user-select:none;flex-direction:column;min-width:0;display:flex}.side-top{justify-content:space-between;align-items:center;padding:16px 14px 12px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-icon{color:var(--accent);align-items:center;display:flex}.brand-text{align-items:baseline;gap:6px;display:flex}.brand-name{font-family:var(--serif);letter-spacing:-.01em;color:var(--text);font-size:20px;font-weight:600}.brand-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600}.side-top-actions{align-items:center;gap:4px;display:flex}.icon-btn{width:32px;height:32px;color:var(--dim);border-radius:8px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--panel-hover);color:var(--text)}.mobile-close,.burger{display:none}.panes{background:var(--bg-subtle);border:1px solid var(--line);isolation:isolate;border-radius:11px;grid-template-columns:repeat(3,1fr);margin:0 12px 10px;padding:4px;display:grid;position:relative}.pane-slider{background:var(--panel-2);width:calc(33.3333% - 2.66667px);box-shadow:var(--shadow-sm);z-index:0;border-radius:8px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px}.panes[data-pane=chat] .pane-slider{transform:translate(0%)}.panes[data-pane=image] .pane-slider{transform:translate(100%)}.panes[data-pane=video] .pane-slider{transform:translate(200%)}.panes button{z-index:1;color:var(--dim);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 6px;font-size:13px;font-weight:500;transition:color .18s,transform .12s;display:flex;position:relative}.panes button:hover{color:var(--text)}.panes button:active{transform:scale(.96)}.panes button.on{color:var(--text);font-weight:600}.panes button.on svg{color:var(--accent);transition:transform .22s cubic-bezier(.22,1,.36,1),color .18s;transform:scale(1.06)}.side-Create{padding:0 12px 10px}.new-chat{background:var(--accent);color:#fff;width:100%;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;font-weight:600;transition:background-color .15s,transform .1s;display:flex}.new-chat:hover{background:var(--accent-hover)}.new-chat:active{transform:scale(.99)}.chat-search{align-items:center;margin:0 12px 8px;display:flex;position:relative}.chat-search svg{color:var(--dim);pointer-events:none;position:absolute;left:10px}.chat-search input{background:var(--bg-subtle);border-radius:8px;width:100%;padding:6px 10px 6px 30px;font-size:12.5px}.side-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);justify-content:space-between;align-items:center;padding:6px 16px;font-size:11px;font-weight:600;display:flex}.count-pill{font-family:var(--mono);background:var(--bg-subtle);border:1px solid var(--line);border-radius:999px;padding:1px 6px;font-size:10.5px}.chat-list{flex:1;padding:2px 10px 12px;overflow-y:auto}.chat-empty{color:var(--dim);padding:14px 10px;font-size:12.5px;line-height:1.5}.chat-item{border-radius:9px;align-items:center;margin-bottom:2px;transition:background-color .12s;display:flex}.chat-item:hover{background:var(--panel-hover)}.chat-item.on{background:var(--accent-soft)}.chat-open{text-align:left;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text-soft);flex:1;padding:8px 10px;font-size:13.5px;overflow:hidden}.chat-item.on .chat-open{color:var(--text);font-weight:500}.chat-del{color:var(--dim);opacity:0;border-radius:6px;flex:none;align-items:center;margin-right:2px;padding:6px 8px;transition:opacity .12s,color .12s;display:inline-flex}.chat-item:hover .chat-del{opacity:1}.chat-del:hover{color:var(--err);background:var(--err-soft)}.side-foot{border-top:1px solid var(--line);padding:12px}.account-card{background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.account-meta{gap:2px;min-width:0;display:grid}.org{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.keyline{font-family:var(--mono);color:var(--dim);align-items:center;gap:6px;font-size:11px;display:flex}.signout-btn{color:var(--dim);border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:12px;transition:all .15s;display:inline-flex}.signout-btn:hover{color:var(--text);background:var(--panel-2);border-color:var(--line)}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.dot.active{background:var(--ok);box-shadow:0 0 0 2px #5ba86433}.dot.inactive{background:var(--dim)}.dot.expired{background:var(--err)}.main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;align-items:center;gap:12px;min-height:54px;padding:10px 22px;display:flex}.topbar-title{flex:1;min-width:0}.topbar h2{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:600;overflow:hidden}.usage-wrap{margin-left:auto;position:relative}.usage-pill{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:12px;transition:border-color .15s,background-color .15s;display:inline-flex}.usage-pill:hover,.usage-pill.on{border-color:var(--line-strong);background:var(--panel-2)}.usage-usd{font-family:var(--mono);color:var(--text);font-weight:600}.usage-cap{color:var(--dim);font-weight:400}.usage-mini-bar{background:var(--line);border-radius:999px;width:48px;height:5px;overflow:hidden}.usage-meta-inline{font-family:var(--mono);color:var(--dim);font-size:11px}.usage-bar{background:var(--line);border-radius:999px;height:5px;overflow:hidden}.usage-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.usage-fill.full{background:var(--err)}.popover-backdrop{z-index:40;position:fixed;inset:0}.usage-popover{background:var(--panel-2);border:1px solid var(--line-strong);width:290px;box-shadow:var(--shadow-lg);z-index:50;border-radius:14px;gap:12px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.pop-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pop-key-title{align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}.status-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-subtle);border:1px solid var(--line);border-radius:999px;padding:2px 7px;font-size:10.5px}.status-badge.active{color:var(--ok);border-color:#5ba86459}.status-badge.expired{color:var(--err)}.pop-key-code{font-family:var(--mono);color:var(--dim);background:var(--bg-subtle);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12px}.pop-metrics{gap:10px;display:grid}.pop-metric{gap:5px;display:grid}.pop-metric-row{color:var(--dim);justify-content:space-between;font-size:12px;display:flex}.pop-metric-row strong{font-family:var(--mono);color:var(--text);font-weight:600}.pop-foot{border-top:1px solid var(--line);color:var(--dim);padding-top:8px;font-size:11.5px}.pane{flex-direction:column;flex:1;min-height:0;display:flex}.notice{justify-content:center;align-items:center;padding:28px}.notice-card{text-align:center;background:var(--panel);border:1px solid var(--line);max-width:420px;box-shadow:var(--shadow-sm);border-radius:16px;padding:32px 28px}.notice-icon{color:var(--accent);margin-bottom:12px}.notice-card h3{font-family:var(--serif);color:var(--text);margin:0 0 8px;font-size:22px;font-weight:600}.notice-card p{color:var(--dim);margin:0;font-size:14px}.sys-drawer-wrap{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.16,1,.3,1),opacity .22s;display:grid}.sys-drawer-wrap.open{opacity:1;grid-template-rows:1fr}.sys-drawer-clip{overflow:hidden}.sys-drawer{background:var(--bg-subtle);border-bottom:1px solid var(--line);padding:12px 20px}.sys-drawer-inner{gap:8px;max-width:780px;margin:0 auto;display:grid}.sys-drawer-head{justify-content:space-between;align-items:center;display:flex}.sys-title{color:var(--accent);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:inline-flex}.sys-close{color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:600}.sys-close:hover{color:var(--text);background:var(--panel-2)}.sys-drawer textarea{resize:vertical;background:var(--panel-2);width:100%;font-size:13.5px;line-height:1.5}.msg-list{flex:1;padding:28px 20px 16px;overflow-y:auto}.chat-column{flex-direction:column;gap:24px;max-width:780px;margin:0 auto;display:flex}.editorial-hero{text-align:center;max-width:680px;margin:4vh auto 12px}.hero-badge{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.hero-title{font-family:var(--serif);letter-spacing:-.015em;color:var(--text);margin:0 0 10px;font-size:clamp(28px,4vw,38px);font-weight:500}.hero-sub{max-width:500px;color:var(--dim);margin:0 auto 28px;font-size:14.5px;line-height:1.55}.starter-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.starter-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;flex-direction:column;gap:5px;padding:14px 16px;transition:border-color .15s,background-color .15s,transform .12s;display:flex}.starter-card:hover{background:var(--panel-2);border-color:var(--accent-border);transform:translateY(-1px)}.starter-top{color:var(--text);align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.starter-top svg{color:var(--accent);flex:none}.starter-card p{color:var(--dim);margin:0;font-size:12.5px;line-height:1.45}.turn{flex-direction:column;display:flex}.user-turn-wrap{flex-direction:column;align-self:flex-end;align-items:flex-end;gap:5px;max-width:82%;display:flex}.assistant-turn-wrap{flex-direction:column;align-self:stretch;gap:8px;display:flex}.assistant-head{align-items:center;gap:8px;font-size:13px;display:flex}.assistant-avatar{color:var(--accent);align-items:center;display:inline-flex}.assistant-name{font-family:var(--serif);color:var(--text);font-size:15.5px;font-weight:600}.model-tag{font-family:var(--mono);color:var(--dim);background:var(--bg-subtle);border:1px solid var(--line);border-radius:6px;padding:1px 7px;font-size:11px}.stream-badge{font-family:var(--mono);color:var(--accent);font-size:11px}.turn-time{font-family:var(--mono);color:var(--dim);font-size:11px}.bubble{overflow-wrap:anywhere}.bubble .plain{white-space:pre-wrap}.bubble.user{background:var(--user-bubble);border:1px solid var(--user-border);color:var(--text);box-shadow:var(--shadow-sm);border-radius:16px 16px 4px;padding:12px 16px;font-size:15px;line-height:1.58}.bubble.assistant{color:var(--text);background:0 0;padding:2px 0 2px 26px;font-size:15.5px;line-height:1.68}.bubble.err{background:var(--err-soft);color:var(--err);border:1px solid #e0584e66;border-radius:12px;margin-left:26px;padding:12px 16px}.turn-actions{opacity:.72;align-items:center;gap:6px;padding-left:26px;transition:opacity .15s;display:flex}.turn:hover .turn-actions{opacity:1}.user-actions{opacity:0;padding-left:0}.turn.user:hover .user-actions{opacity:.85}.turn-btn{color:var(--dim);border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;transition:all .12s;display:inline-flex}.turn-btn:hover{color:var(--text);background:var(--panel);border-color:var(--line)}.turn-btn.danger:hover{color:var(--err);border-color:#e0584e59}.typing-dots{align-items:center;gap:5px;padding:8px 4px;display:inline-flex}.typing-dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.md p{margin:0 0 12px}.md p:last-child{margin-bottom:0}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{font-family:var(--serif);color:var(--text);margin:20px 0 8px;font-weight:600;line-height:1.3}.md h1{font-size:1.45em}.md h2{font-size:1.28em}.md h3{font-size:1.14em}.md ul,.md ol{margin:8px 0 12px;padding-left:24px}.md li{margin-bottom:4px}.md blockquote{border-left:3px solid var(--accent);background:var(--bg-subtle);color:var(--text-soft);border-radius:0 8px 8px 0;margin:12px 0;padding:6px 16px;font-style:italic}.md code{font-family:var(--mono);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:1.5px 5.5px;font-size:.86em}.code-block{border:1px solid var(--line);background:var(--code-bg);color:#ede6da;box-shadow:var(--shadow-sm);border-radius:12px;margin:14px 0;overflow:hidden}.code-head{font-family:var(--mono);color:#a39a8c;background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:7px 14px;font-size:11.5px;display:flex}.code-lang{text-transform:lowercase;font-weight:500}.code-copy-btn{font-family:var(--sans);color:#c7bfb2;background:#ffffff08;border:1px solid #ffffff1f;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:500;transition:all .15s}.code-copy-btn:hover{color:#fff;background:#ffffff1a}.code-copy-btn.copied{color:var(--ok);border-color:#5ba86473}.md pre{background:0 0;border:none;margin:0;padding:14px 16px;overflow-x:auto}.md pre code{font-family:var(--mono);color:#f0ebe1;white-space:pre;background:0 0;border:none;padding:0;font-size:13px;line-height:1.58}.md hr{border:none;border-top:1px solid var(--line);margin:16px 0}.composer-shell{background:linear-gradient(to top, var(--bg) 75%, transparent);padding:6px 20px 18px}.composer-card{background:var(--panel);border:1px solid var(--line-strong);max-width:780px;box-shadow:var(--shadow-md);border-radius:18px;flex-direction:column;gap:8px;margin:0 auto;padding:10px 12px 10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.composer-card:focus-within{border-color:var(--accent);box-shadow:var(--shadow-md), 0 0 0 3px var(--accent-soft)}.composer-card textarea{resize:none;width:100%;box-shadow:none;background:0 0;border:none;padding:4px 2px;font-size:15px;line-height:1.55}.composer-card textarea:focus{box-shadow:none}.composer-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.composer-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.model-select{font-family:var(--mono);background:var(--bg-subtle);border:1px solid var(--line);border-radius:8px;max-width:240px;padding:5px 10px;font-size:12px}.tool-pill{color:var(--dim);background:var(--bg-subtle);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;transition:all .15s;display:inline-flex}.tool-pill:hover{color:var(--text);border-color:var(--line-strong)}.tool-pill.on{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.pill-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.composer-right{align-items:center;gap:10px;display:flex}.composer-hint{color:var(--dim);font-size:11.5px}.composer-btn{border-radius:10px;justify-content:center;align-items:center;gap:5px;height:34px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.composer-btn.send{background:var(--accent);color:#fff;width:34px}.composer-btn.send:hover:not(:disabled){background:var(--accent-hover)}.composer-btn.send:disabled{opacity:.32;cursor:not-allowed}.composer-btn.stop{border:1px solid var(--err);color:var(--err);background:var(--err-soft);padding:0 12px}.studio-pane{padding:24px 22px 36px;overflow-y:auto}.studio-container{flex-direction:column;gap:20px;width:100%;max-width:1060px;margin:0 auto;display:flex}.studio-prompt-card{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.studio-textarea{resize:vertical;background:0 0;border:none;width:100%;padding:2px;font-size:15px;line-height:1.55}.studio-textarea:focus{box-shadow:none}.studio-controls-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.studio-selects{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.control-chip{background:var(--bg-subtle);border:1px solid var(--line);border-radius:9px;align-items:center;gap:6px;padding:3px 8px 3px 10px;display:inline-flex}.chip-label{text-transform:uppercase;letter-spacing:.05em;color:var(--dim);font-size:11px;font-weight:600}.control-chip select{font-family:var(--mono);box-shadow:none;background:0 0;border:none;padding:4px;font-size:12px}.primary-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:background-color .15s;display:inline-flex}.primary-btn:hover:not(:disabled){background:var(--accent-hover);text-decoration:none}.primary-btn:disabled{opacity:.38;cursor:not-allowed}.primary-btn.full-width{width:100%}.pane-error{background:var(--err-soft);color:var(--err);border:1px solid #e0584e66;border-radius:10px;padding:10px 14px;font-size:13.5px}.studio-empty{text-align:center;max-width:380px;color:var(--dim);margin:48px auto}.studio-empty-icon{background:var(--panel);border:1px solid var(--line);width:52px;height:52px;color:var(--accent);border-radius:14px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.studio-empty h3{font-family:var(--serif);color:var(--text);margin:0 0 6px;font-size:22px;font-weight:500}.studio-empty p{margin:0;font-size:13.5px}.img-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.shot{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;margin:0;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.shot:hover{border-color:var(--line-strong);transform:translateY(-2px)}.shot-media{cursor:zoom-in;background:var(--bg-subtle);aspect-ratio:1;position:relative;overflow:hidden}.shot-media img{object-fit:cover;width:100%;height:100%;display:block}.shot-overlay{opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:10px;right:10px}.shot:hover .shot-overlay{opacity:1}.overlay-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#141210c7;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.overlay-btn:hover{background:var(--accent)}.shot figcaption,.vid-card figcaption{gap:6px;padding:12px 14px;display:grid}.shot-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.shot-size{font-family:var(--mono);color:var(--dim);font-size:11px}.shot-prompt{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;display:-webkit-box;overflow:hidden}.lightbox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;background:#0c0b09d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-card{background:var(--panel);border:1px solid var(--line-strong);width:100%;max-width:1040px;max-height:90dvh;box-shadow:var(--shadow-lg);border-radius:18px;grid-template-columns:1fr 320px;display:grid;overflow:hidden}.lightbox-media{background:#0c0b09;justify-content:center;align-items:center;max-height:90dvh;display:flex;overflow:hidden}.lightbox-media img{object-fit:contain;max-width:100%;max-height:88dvh}.lightbox-side{border-left:1px solid var(--line);flex-direction:column;gap:16px;padding:18px;display:flex}.lightbox-head{justify-content:space-between;align-items:center;display:flex}.lightbox-body{flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.lightbox-section h4{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:0 0 4px;font-size:11px}.lightbox-section p{margin:0;font-size:13.5px;line-height:1.55}.dim-text{color:var(--dim)}.vid-inputs{flex-wrap:wrap;align-items:center;gap:10px;padding-top:6px;display:flex}.upload-chip{color:var(--text-soft);background:var(--bg-subtle);border:1px dashed var(--line-strong);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;transition:border-color .15s;display:inline-flex}.upload-chip:hover{border-color:var(--accent);color:var(--accent)}.upload-chip input[type=file]{display:none}.vid-thumbs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vid-reference{border:1px solid var(--line-strong);border-radius:8px;width:54px;height:54px;position:relative;overflow:hidden}.vid-reference img{object-fit:cover;width:100%;height:100%}.thumb-badge{font-size:9px;font-family:var(--mono);color:#fff;background:#000000bf;border-radius:4px;padding:1px 4px;position:absolute;bottom:2px;left:2px}.thumb-del{color:#fff;background:#000000bf;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:2px;right:2px}.vid-list{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.vid-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;margin:0;display:flex;overflow:hidden}.vid-card video{aspect-ratio:16/9;background:#000;width:100%;display:block}.vid-waiting{aspect-ratio:16/9;color:var(--dim);background:var(--bg-subtle);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.vid-progress{background:var(--line);border-radius:999px;width:68%;height:5px;overflow:hidden}.vid-progress span{background:var(--accent);border-radius:999px;height:100%;transition:width .6s;display:block}.vid-waiting small{font-family:var(--mono);font-size:11.5px}.vid-error{aspect-ratio:16/9;color:var(--err);background:var(--err-soft);text-align:center;justify-content:center;align-items:center;padding:16px;font-size:12.5px;display:flex}.vid-actions{align-items:center;gap:4px;display:flex}.gate{background:radial-gradient(circle at 50% 0%, var(--accent-soft), transparent 60%), var(--bg);justify-content:center;align-items:center;height:100dvh;padding:20px;display:flex}.gate-card{background:var(--panel);border:1px solid var(--line-strong);text-align:center;width:420px;max-width:100%;box-shadow:var(--shadow-lg);border-radius:20px;gap:16px;padding:36px 32px;display:grid}.gate-card.boot{color:var(--dim);padding:40px 32px}.gate-logo{color:var(--accent);justify-content:center;display:inline-flex}.gate-headings{gap:6px;display:grid}.gate-card h1{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600}.gate-card h1 span{color:var(--accent)}.gate-sub{color:var(--dim);margin:0;font-size:13.5px;line-height:1.5}.gate-reason{background:var(--err-soft);color:var(--err);border:1px solid #e0584e59;border-radius:10px;padding:10px 12px;font-size:12.5px}.gate-field{align-items:center;display:flex;position:relative}.gate-field-icon{color:var(--dim);pointer-events:none;display:inline-flex;position:absolute;left:12px}.gate-field input{width:100%;font-family:var(--mono);padding:11px 38px 11px 36px;font-size:13px}.gate-eye{color:var(--dim);border-radius:6px;padding:6px;display:inline-flex;position:absolute;right:8px}.gate-eye:hover{color:var(--text)}.gate-submit{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);border-radius:10px;padding:11px 0;font-size:14px;font-weight:600;transition:background-color .15s}.gate-submit:hover:not(:disabled){background:var(--accent-hover)}.gate-submit:disabled{opacity:.4;cursor:not-allowed}.gate-error{color:var(--err);font-size:12.5px}.gate-foot{color:var(--dim);margin:4px 0 0;font-size:11.5px;line-height:1.45}select,option{background-color:var(--panel-2);color:var(--text);font-family:var(--mono)}.c-select{-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.c-select-trigger{background:var(--bg-subtle);border:1px solid var(--line);color:var(--text);border-radius:9px;align-items:center;gap:8px;max-width:280px;padding:5px 10px;font-size:12.5px;line-height:1.3;transition:border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex}.c-select-trigger:hover{background:var(--panel-hover);border-color:var(--line-strong)}.c-select.is-open .c-select-trigger,.c-select-trigger:focus-visible{border-color:var(--accent);background:var(--panel-2);box-shadow:0 0 0 3px var(--accent-soft)}.c-select-prefix{font-family:var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--dim);border-right:1px solid var(--line);flex:none;padding-right:6px;font-size:10.5px;font-weight:600}.c-select-value{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.c-select-chevron{color:var(--dim);flex:none;align-items:center;transition:transform .18s,color .18s;display:inline-flex}.c-select.is-open .c-select-chevron{color:var(--accent);transform:rotate(180deg)}.c-select-menu{background:var(--panel-2);border:1px solid var(--line-strong);min-width:max(100%,210px);max-width:340px;max-height:264px;box-shadow:var(--shadow-lg);z-index:70;border-radius:12px;flex-direction:column;gap:2px;padding:5px;animation:.14s cubic-bezier(.16,1,.3,1) selectFadeIn;display:flex;position:absolute;left:0;overflow-y:auto}.c-select.dir-down .c-select-menu{transform-origin:0 0;top:calc(100% + 6px)}.c-select.dir-up .c-select-menu{transform-origin:0 100%;bottom:calc(100% + 8px)}@keyframes selectFadeIn{0%{opacity:0;transform:scale(.97)translateY(3px)}to{opacity:1;transform:scale(1)translateY(0)}}.c-select-option{text-align:left;width:100%;font-family:var(--mono);color:var(--text-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:12px;transition:background-color .1s,color .1s;display:flex}.c-select-option:hover,.c-select-option.focused{background:var(--panel-hover);color:var(--text)}.c-select-option.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.c-option-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.c-option-badge{color:var(--dim);background:var(--bg-subtle);border-radius:5px;padding:1px 6px;font-size:10.5px}.c-option-check{width:15px;height:15px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0;margin:4px 0}::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);background-clip:padding-box;border:2.5px solid #0000;border-radius:999px;transition:background-color .15s}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover);border-width:2px}::-webkit-scrollbar-thumb:active{background-color:var(--scroll-thumb-active)}::-webkit-scrollbar-corner{background:0 0}.chat-list::-webkit-scrollbar{width:7px;height:7px}.c-select-menu::-webkit-scrollbar{width:7px;height:7px}.lightbox-body::-webkit-scrollbar{width:7px;height:7px}textarea::-webkit-scrollbar{width:7px;height:7px}.md pre::-webkit-scrollbar{width:7px;height:7px}.chat-list::-webkit-scrollbar-thumb{border-width:1.5px}.c-select-menu::-webkit-scrollbar-thumb{border-width:1.5px}.lightbox-body::-webkit-scrollbar-thumb{border-width:1.5px}textarea::-webkit-scrollbar-thumb{border-width:1.5px}.md pre::-webkit-scrollbar-thumb{border-width:1.5px}.scrim{display:none}@keyframes paneEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes turnEnter{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heroRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popSpring{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}@keyframes caretBlink{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.2;transform:scaleY(.88)}}@keyframes avatarBreathe{0%,to{box-shadow:0 0 0 0 var(--accent-soft);transform:scale(1)}50%{box-shadow:0 0 0 6px var(--accent-soft);transform:scale(1.06)}}@keyframes shimmerSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.pane,.chat-column{animation:.28s cubic-bezier(.16,1,.3,1) both paneEnter}.editorial-hero{animation:.36s cubic-bezier(.16,1,.3,1) both heroRise}.hero-badge{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.editorial-hero:hover .hero-badge{box-shadow:0 8px 24px -4px var(--accent-soft);transform:translateY(-2px)scale(1.04)}.starter-card{animation:.38s cubic-bezier(.16,1,.3,1) both heroRise;animation-delay:calc(var(--stagger,0) * 55ms + 60ms);position:relative;overflow:hidden}.starter-card:hover{background:var(--panel-2);border-color:var(--accent-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.starter-card:active{transform:translateY(0)scale(.985)}.turn{animation:.26s cubic-bezier(.16,1,.3,1) both turnEnter}.turn.streaming .assistant-avatar{border-radius:6px;animation:1.8s ease-in-out infinite avatarBreathe}.turn.streaming .md>:last-child:after{content:"";vertical-align:text-bottom;background:var(--accent);border-radius:2px;width:7px;height:1.05em;margin-left:4px;animation:.9s ease-in-out infinite caretBlink;display:inline-block}.chat-item{transition:background-color .16s,transform .16s cubic-bezier(.16,1,.3,1);position:relative}.chat-item:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;top:22%;bottom:22%;left:0;transform:scaleY(0)}.chat-item.on:before{transform:scaleY(1)}.chat-item:hover{transform:translate(2px)}.theme-btn svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}.theme-btn:hover svg{transform:rotate(22deg)scale(1.1)}.theme-btn:active svg{transform:rotate(90deg)scale(.9)}.composer-btn.send:not(:disabled):hover{box-shadow:0 4px 14px var(--accent-soft);transform:translateY(-1px)scale(1.04)}.composer-btn.send:not(:disabled):active,.primary-btn:not(:disabled):active,.turn-btn:active,.tool-pill:active{transform:scale(.96)}.usage-popover,.gate-card{animation:.24s cubic-bezier(.16,1,.3,1) both popSpring}.lightbox{animation:.2s both fadeBackdrop}.lightbox-card{animation:.26s cubic-bezier(.16,1,.3,1) both popSpring}.shimmer-surface,.vid-waiting{background:linear-gradient(110deg, var(--bg-subtle) 25%, var(--panel-hover) 45%, var(--accent-soft) 50%, var(--panel-hover) 55%, var(--bg-subtle) 75%);background-size:240% 100%;justify-content:center;align-items:center;animation:2.4s linear infinite shimmerSweep;display:flex}.shimmer-badge{background:var(--panel);border:1px solid var(--accent-border);color:var(--accent);font-family:var(--mono);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex}.shimmer-badge svg{animation:1.4s ease-in-out infinite pulse}.shot,.vid-card{animation:.3s cubic-bezier(.16,1,.3,1) both turnEnter}.shot-media img{transition:transform .38s cubic-bezier(.16,1,.3,1)}.shot:hover .shot-media img{transform:scale(1.03)}.vid-progress span{box-shadow:0 0 10px var(--accent)}.brand-btn{border-radius:9px;margin:-4px -6px;padding:4px 6px;transition:background-color .15s}.brand-btn:hover{background:var(--panel-hover)}.landing-shell{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden auto}.landing-glow{pointer-events:none;filter:blur(110px);z-index:0;opacity:.55;border-radius:50%;position:fixed}.glow-1{background:var(--accent-soft);width:560px;height:560px;top:-180px;left:-120px}.glow-2{background:var(--accent-soft);width:620px;height:620px;top:140px;right:-180px}.landing-nav{z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:14px 28px;display:flex}.landing-links{align-items:center;gap:28px;font-size:13.5px;font-weight:500;display:flex}.landing-links a{color:var(--dim);text-decoration:none;transition:color .15s}.landing-links a:hover{color:var(--text)}.landing-nav-actions{align-items:center;gap:10px;display:flex}.landing-nav-cta{background:var(--panel);border:1px solid var(--line-strong);color:var(--text);border-radius:9px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.landing-nav-cta:hover{border-color:var(--accent);color:var(--accent)}.landing-main{z-index:1;flex-direction:column;gap:96px;width:100%;max-width:1200px;margin:0 auto;padding:56px 28px 80px;display:flex;position:relative}.landing-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:44px;animation:.42s cubic-bezier(.16,1,.3,1) both heroRise;display:grid}.hero-left{flex-direction:column;gap:20px;display:flex}.eyebrow-pill{background:var(--panel);border:1px solid var(--line-strong);font-family:var(--mono);color:var(--text-soft);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px;font-size:11.5px;display:inline-flex}.eyebrow-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.landing-display{font-family:var(--serif);letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(36px,4.6vw,56px);font-weight:500;line-height:1.08}.landing-display em{color:var(--accent);font-style:italic;font-weight:400}.landing-lead{color:var(--dim);max-width:560px;margin:0;font-size:16px;line-height:1.65}.hero-key-card{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:18px;flex-direction:column;gap:12px;max-width:560px;margin-top:6px;padding:18px 20px;display:flex}.key-card-top{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.key-card-label{color:var(--text);align-items:center;gap:6px;font-weight:600;display:inline-flex}.key-card-label svg{color:var(--accent)}.key-card-hint{font-family:var(--mono);color:var(--dim);font-size:11px}.hero-key-row{align-items:stretch;gap:10px;display:flex}.hero-key-row .gate-field{flex:1}.hero-enter-btn{background:var(--accent);color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:10px;padding:0 20px;font-size:13.5px;font-weight:600;transition:background-color .15s,transform .12s}.hero-enter-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.hero-enter-btn:disabled{opacity:.4;cursor:not-allowed}.key-card-trust{font-family:var(--mono);color:var(--dim);flex-wrap:wrap;gap:14px;padding-top:2px;font-size:11px;display:flex}.active-session-card{border-color:var(--accent-border)}.session-card-head{align-items:center;gap:8px;display:flex}.session-org{font-size:14px;font-weight:600}.session-card-sub{color:var(--dim);margin:0;font-size:13.5px}.preview-window{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;min-height:430px;display:flex;overflow:hidden}.preview-topbar{background:var(--bg-subtle);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.preview-tabs{background:var(--panel);border:1px solid var(--line);isolation:isolate;border-radius:9px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid;position:relative}.preview-tab-slider{background:var(--panel-2);width:calc(33.3333% - 2px);box-shadow:var(--shadow-sm);z-index:0;border-radius:6px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;bottom:3px;left:3px}.preview-tabs[data-pane=chat] .preview-tab-slider{transform:translate(0%)}.preview-tabs[data-pane=image] .preview-tab-slider{transform:translate(100%)}.preview-tabs[data-pane=video] .preview-tab-slider{transform:translate(200%)}.preview-tabs button{z-index:1;color:var(--dim);justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex;position:relative}.preview-tabs button.on{color:var(--text);font-weight:600}.preview-tabs button.on svg{color:var(--accent)}.preview-spend-pill{font-family:var(--mono);color:var(--dim);background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;display:inline-flex}.preview-body{flex-direction:column;flex:1;justify-content:center;padding:18px;animation:.26s cubic-bezier(.16,1,.3,1) both paneEnter;display:flex}.mock-chat{flex-direction:column;gap:12px;display:flex}.mock-sys-bar{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:8px;padding:5px 10px;font-size:11px}.mock-user-bubble{background:var(--user-bubble);border:1px solid var(--user-border);border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;padding:10px 14px;font-size:13.5px}.mock-assistant{flex-direction:column;gap:8px;font-size:13.5px;display:flex}.mock-assistant p{color:var(--text-soft);margin:0}.mock-assistant-head{color:var(--accent);align-items:center;gap:7px;display:flex}.mock-assistant-head strong{font-family:var(--serif);color:var(--text);font-size:15px}.mock-speed{font-family:var(--mono);color:var(--ok);margin-left:auto;font-size:11px}.mock-code{margin:2px 0 0}.mock-code pre{padding:10px 12px;font-size:11.5px;line-height:1.5}.mock-copy-tag{color:#a39a8c;font-size:10.5px}.mock-image-studio{flex-direction:column;gap:14px;display:flex}.mock-prompt-box{background:var(--bg-subtle);border:1px solid var(--line);border-radius:12px;gap:8px;padding:12px;display:grid}.mock-prompt-tag{font-family:var(--mono);text-transform:uppercase;color:var(--accent);font-size:10.5px}.mock-prompt-box p{font-family:var(--serif);color:var(--text);margin:0;font-size:15px;font-style:italic}.mock-chips{flex-wrap:wrap;gap:6px;display:flex}.mock-art-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mock-art-card{border:1px solid var(--line-strong);border-radius:12px;align-items:flex-end;height:164px;padding:10px;display:flex;position:relative;overflow:hidden}.art-1{background:radial-gradient(circle at 70% 25%,#e58545 0%,#7d3c18 45%,#1c1815 90%)}.art-sun{background:#ffe0b4d9;border-radius:50%;width:58px;height:58px;position:absolute;top:22px;right:32px;box-shadow:0 0 32px #ffc88299}.art-arch{background:#14110f73;border:2px solid #fff0dc59;border-radius:42px 42px 0 0;width:84px;height:105px;position:absolute;bottom:0;left:22px}.art-2{background:linear-gradient(145deg,#2b2620 0%,#171512 60%,#c86428 140%)}.art-monolith{background:linear-gradient(#eba56980,#1e1a16e6);border:1px solid #ffffff38;border-radius:8px;width:52px;height:96px;position:absolute;top:24px;left:50%;transform:translate(-50%)rotate(12deg)}.art-badge{z-index:2;font-family:var(--mono);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0e0cb8;border-radius:6px;padding:3px 8px;font-size:10.5px;position:relative}.mock-video-studio{flex-direction:column;gap:14px;display:flex}.mock-video-stage{border:1px solid var(--line-strong);background:radial-gradient(#d9773638,#12110f 75%);border-radius:14px;justify-content:center;align-items:center;height:230px;display:flex;position:relative;overflow:hidden}.cinema-waves{opacity:.25;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.cinema-waves span{border:1px solid var(--accent);border-radius:50%;width:90px;height:90px;animation:2.4s ease-in-out infinite pulse}.cinema-waves span:nth-child(2){width:160px;height:160px;animation-delay:.4s}.cinema-waves span:nth-child(3){width:230px;height:230px;animation-delay:.8s}.mock-video-overlay{z-index:2;flex-direction:column;align-items:center;gap:12px;width:75%;display:flex;position:relative}.mock-vid-bar{width:100%}.mock-video-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mock-poll-status{font-family:var(--mono);color:var(--dim);font-size:11px}.landing-section{flex-direction:column;gap:36px;display:flex}.section-header{flex-direction:column;gap:8px;max-width:640px;display:flex}.section-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11.5px;font-weight:600}.section-header h2,.gateway-info h2{font-family:var(--serif);color:var(--text);margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:500;line-height:1.18}.section-header p,.gateway-info p{color:var(--dim);margin:0;font-size:15px;line-height:1.6}.bento-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bento-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;padding:24px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;display:flex}.bento-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md);transform:translateY(-3px)}.bento-span-2{grid-column:span 2}.bento-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:11px;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.bento-card h3{font-family:var(--serif);color:var(--text);margin:0;font-size:21px;font-weight:600}.bento-card p{color:var(--dim);margin:0;font-size:14px;line-height:1.6}.bento-card code,.gateway-info code{font-family:var(--mono);background:var(--bg-subtle);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:1px 6px;font-size:12px}.bento-mini-demo{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px;display:flex}.demo-pill{font-family:var(--mono);background:var(--bg-subtle);border:1px solid var(--line);color:var(--text-soft);border-radius:999px;padding:4px 10px;font-size:11.5px}.bento-meter{background:var(--bg-subtle);border:1px solid var(--line);border-radius:11px;gap:6px;margin-top:auto;padding:12px;display:grid}.bento-meter-row{font-family:var(--mono);color:var(--dim);justify-content:space-between;font-size:11.5px;display:flex}.bento-meter-row strong{color:var(--text)}.gateway-showcase{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:22px;grid-template-columns:.95fr 1.05fr;align-items:center;gap:36px;padding:32px;display:grid}.gateway-info{flex-direction:column;gap:14px;display:flex}.gateway-points{color:var(--dim);gap:10px;margin:4px 0 0;padding-left:18px;font-size:13.5px;display:grid}.gateway-points strong{color:var(--text)}.gateway-code-card{background:var(--code-bg);border:1px solid var(--line-strong);color:#f0ebe1;box-shadow:var(--shadow-md);border-radius:14px;overflow:hidden}.gateway-code-tabs{background:#ffffff08;border-bottom:1px solid #ffffff14;gap:4px;padding:8px 10px;display:flex}.gateway-code-tabs button{font-family:var(--mono);color:#9c9284;border-radius:7px;padding:5px 12px;font-size:12px;transition:all .15s}.gateway-code-tabs button:hover{color:#f0ebe1}.gateway-code-tabs button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.gateway-code-subbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.endpoint-badge{font-family:var(--mono);color:#c7bfb2;font-size:11.5px}.gateway-pre{font-family:var(--mono);color:#f0ebe1;margin:0;padding:16px;font-size:12.5px;line-height:1.6;overflow-x:auto}.landing-footer{border-top:1px solid var(--line);background:var(--bg-subtle);margin-top:auto}.landing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:20px 28px;display:flex}.footer-note{color:var(--dim);margin:0;font-size:12.5px}.atelier-issue-line{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;font-size:12px;display:inline-flex}.issue-no{font-family:var(--mono);color:var(--accent);font-weight:600}.issue-sep{color:var(--line-strong)}.issue-sub{font-family:var(--serif);text-transform:none;letter-spacing:.01em;color:var(--text-soft);font-size:15px;font-style:italic}.art-frame{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);border-radius:22px;padding:14px}.art-frame-mat{background:radial-gradient(ellipse at 65% 28%, var(--accent-soft), transparent 72%), var(--bg-subtle);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.art-plate-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.plate-edition{font-family:var(--mono);letter-spacing:.12em;color:var(--dim);font-size:10.5px}.muse-switcher{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.muse-btn{font-family:var(--serif);color:var(--dim);border:1px solid #0000;border-radius:999px;padding:4px 11px;font-size:14px;transition:all .2s}.muse-btn:hover{color:var(--text)}.muse-btn.on{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border);font-style:italic}.atelier-canvas-stage{justify-content:center;align-items:center;min-height:310px;animation:.45s cubic-bezier(.16,1,.3,1) both paneEnter;display:flex;position:relative}.atelier-svg{width:100%;height:auto;max-height:330px;color:var(--text);display:block}@keyframes drawContinuousInk{0%{stroke-dashoffset:2400px;opacity:.2}12%{opacity:1}62%,84%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-2400px;opacity:.25}}.ink-master-line{stroke-dasharray:2400;animation:8.5s cubic-bezier(.37,0,.22,1) infinite drawContinuousInk}@keyframes drawTerracottaThread{0%{stroke-dashoffset:1100px;opacity:.15}55%,82%{stroke-dashoffset:0;opacity:.95}to{stroke-dashoffset:-1100px;opacity:.15}}.ink-terracotta-line{stroke-dasharray:1100;animation:8.5s cubic-bezier(.4,0,.2,1) .45s infinite drawTerracottaThread}.ink-secondary{stroke-dasharray:600;animation:10s ease-in-out infinite drawTerracottaThread}@keyframes gouacheDrift{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-6px,5px)scale(1.04)rotate(2deg)}}.gouache-blob{transform-origin:50%;animation:9s ease-in-out infinite gouacheDrift}.blob-ochre{animation-direction:reverse;animation-delay:-4.5s}@keyframes sunBreathe{0%,to{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1.07)}}.sun-breathe{transform-origin:50%;animation:5.5s ease-in-out infinite sunBreathe}@keyframes starTwinkle{0%,to{opacity:.45;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(12deg)}}.star-twinkle{transform-origin:50%;animation:4.2s ease-in-out infinite starTwinkle}@keyframes calderSway{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}.calder-mobile{transform-origin:130px 10px;animation:5.6s ease-in-out infinite calderSway}.art-plate-footer{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.plate-quote{font-family:var(--serif);color:var(--text);margin:0;font-size:16.5px;font-style:italic;line-height:1.45}.plate-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.plate-caption{color:var(--dim);font-size:12px}.plate-signature{font-family:var(--serif);color:var(--accent);font-size:13.5px;font-style:italic}.plate-label{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-size:10.5px}.bento-top-split{grid-template-columns:1.15fr .85fr;align-items:center;gap:18px;height:100%;display:grid}.bento-copy{flex-direction:column;gap:10px;display:flex}.bento-art-box{background:var(--bg-subtle);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;padding:12px;display:flex}.bento-art-strip{background:var(--bg-subtle);border:1px solid var(--line);border-radius:11px;margin-top:auto;padding:8px 10px}.bento-svg{width:100%;height:auto;color:var(--text);display:block}.paper-grain{pointer-events:none;z-index:0;opacity:.25;background-image:radial-gradient(var(--line-strong) .75px, transparent .75px);background-size:24px 24px;position:fixed;inset:0}.blob-sage{animation-delay:-2.8s}.ornament-divider{justify-content:center;margin:-24px 0;display:flex}.ornament-svg{width:280px;height:26px;color:var(--text)}.manifesto-section{text-align:center;max-width:780px;margin:0 auto;padding:12px 16px}.manifesto-inner{flex-direction:column;align-items:center;gap:18px;display:flex}.manifesto-prose{font-family:var(--serif);color:var(--text);text-align:left;margin:0;font-size:clamp(21px,2.5vw,27px);line-height:1.62}.manifesto-prose em{color:var(--accent);font-style:italic}.drop-cap{float:left;font-family:var(--serif);color:var(--accent);padding:4px 14px 2px 0;font-size:3.3em;font-weight:500;line-height:.82}.manifesto-signature{font-family:var(--serif);color:var(--dim);flex-direction:column;align-items:center;gap:4px;margin-top:6px;font-size:14px;font-style:italic;display:flex}.signature-svg{width:190px;height:42px}.centered-header{text-align:center;align-items:center;margin:0 auto}.alcove-triptych{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.alcove-card{background:var(--panel);border:1px solid var(--line);border-radius:150px 150px 20px 20px;flex-direction:column;gap:18px;padding:18px 20px 26px;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;display:flex}.alcove-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.featured-alcove{border-color:var(--line-strong);background:radial-gradient(circle at 50% 18%, var(--accent-soft), transparent 65%), var(--panel)}.alcove-arch{background:var(--bg-subtle);border:1px solid var(--line);border-radius:136px 136px 14px 14px;justify-content:center;align-items:center;min-height:230px;padding:24px 14px 14px;display:flex;overflow:hidden}.alcove-svg{width:100%;height:auto;max-height:205px;color:var(--text);display:block}.alcove-body{text-align:center;flex-direction:column;gap:8px;padding:0 4px;display:flex}.alcove-body h3{font-family:var(--serif);color:var(--text);margin:0;font-size:23px;font-weight:500}.alcove-body p{color:var(--dim);margin:0;font-size:14px;line-height:1.62}.diptych-grid{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:22px;grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.diptych-page{flex-direction:column;gap:12px;padding:36px 34px;display:flex}.diptych-page:first-child{border-right:1px solid var(--line);background:radial-gradient(circle at 20% 15%, var(--accent-soft), transparent 60%), transparent}.diptych-illustration{background:var(--bg-subtle);border:1px solid var(--line);border-radius:14px;margin-bottom:6px;padding:12px}.diptych-page h3{font-family:var(--serif);color:var(--text);margin:0;font-size:24px;font-weight:500}.diptych-page p{color:var(--dim);margin:0;font-size:14.5px;line-height:1.65}.diptych-page code{font-family:var(--mono);background:var(--bg-subtle);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:1px 6px;font-size:12px}.colophon-api-toggle{margin-top:6px}.letterpress-scroll{background:var(--bg-subtle);border:1px dashed var(--line-strong);border-radius:12px;gap:8px;margin-top:6px;padding:12px 14px;animation:.24s both paneEnter;display:grid}.letterpress-head{font-family:var(--mono);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.letterpress-scroll pre{font-family:var(--mono);color:var(--accent);margin:0;font-size:12px;overflow-x:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=880px){.app{grid-template-columns:1fr}.side{z-index:60;width:288px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.side.open{box-shadow:var(--shadow-lg);transform:translate(0)}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;background:#0a080699;display:block;position:fixed;inset:0}.burger,.mobile-close{display:inline-flex}.starter-grid{grid-template-columns:1fr}.user-turn-wrap{max-width:92%}.usage-meta-inline,.composer-hint{display:none}.lightbox-card{grid-template-columns:1fr;max-height:92dvh}.lightbox-side{border-left:none;border-top:1px solid var(--line)}.landing-links{display:none}.landing-hero,.gateway-showcase,.bento-grid{grid-template-columns:1fr}.bento-span-2{grid-column:span 1}.bento-top-split,.alcove-triptych,.diptych-grid{grid-template-columns:1fr}.diptych-page:first-child{border-right:none;border-bottom:1px solid var(--line)}.hero-key-row{flex-direction:column}.hero-enter-btn{padding:11px 16px}}