@import "https://fonts.googleapis.com/css2?family=Anuphan:wght@300;400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";
:root{--accent:#e2101a;--accent-2:#ff5a52;--danger:#ff5a52;--on-accent:#fff;--radius:13px;--radius-sm:9px;--radius-lg:20px;--font-ui:"Anuphan", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--pad:1;--ui:15px;--speed:.42s;--ease:cubic-bezier(.22, .61, .36, 1)}[data-theme=dark]{--bg:#0c0c0f;--bg-grain:#101015;--surface:#16161c;--surface-2:#1d1d25;--surface-3:#25252f;--border:#2a2a34;--border-soft:#20202a;--ink:#f3f2f6;--ink-2:#a6a4b4;--ink-3:#6f6d7e;--accent-soft:color-mix(in oklab, var(--accent) 20%, transparent);--accent-faint:color-mix(in oklab, var(--accent) 11%, transparent);--shadow:0 1px 2px #0006, 0 12px 32px -12px #000000b3;--shadow-lg:0 24px 70px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f6f5f1;--bg-grain:#f1f0ea;--surface:#fff;--surface-2:#faf9f6;--surface-3:#f0efe9;--border:#e6e4dc;--border-soft:#eeece5;--ink:#1c1b22;--ink-2:#6a6776;--ink-3:#9b98a6;--accent-soft:color-mix(in oklab, var(--accent) 16%, transparent);--accent-faint:color-mix(in oklab, var(--accent) 8%, transparent);--shadow:0 1px 2px #2826320f, 0 14px 34px -16px #28263238;--shadow-lg:0 28px 70px -24px #2826324d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not([data-theme]){--bg:#0c0c0f;--bg-grain:#101015;--surface:#16161c;--surface-2:#1d1d25;--surface-3:#25252f;--border:#2a2a34;--border-soft:#20202a;--ink:#f3f2f6;--ink-2:#a6a4b4;--ink-3:#6f6d7e;--accent-soft:color-mix(in oklab, var(--accent) 20%, transparent);--accent-faint:color-mix(in oklab, var(--accent) 11%, transparent);--shadow:0 1px 2px #0006, 0 12px 32px -12px #000000b3;--shadow-lg:0 24px 70px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}::selection{background:var(--accent-soft)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}textarea{resize:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--bg);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.grain:before{background-image:radial-gradient(var(--border-soft) .5px, transparent .5px);content:"";opacity:.5;pointer-events:none;z-index:0;background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 75%)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes generation-scan{0%{transform:translateY(-120%)}to{transform:translateY(120%)}}@keyframes generation-build{0%,to{opacity:.46;transform:translate(0,0)scale(1)}50%{opacity:.92;transform:translate(3px,-5px)scale(1.025)}}@keyframes generation-focus{0%,to{opacity:.28;transform:scale(.88)}50%{opacity:.78;transform:scale(1.04)}}@keyframes generation-detail-line{0%{transform:translate(-110%)}to{transform:translate(130%)}}@keyframes generation-live{0%,to{opacity:.42}50%{opacity:1}}@keyframes pulse-loader-in{0%{opacity:.95;transform:translateZ(0)scale(.72)}58%{opacity:.24;transform:translateZ(0)scale(1)}to{opacity:0;transform:translateZ(0)scale(1.08)}}@keyframes pulse-loader-out{0%,18%{opacity:0;transform:translateZ(0)scale(.62)}48%{opacity:.72;transform:translateZ(0)scale(.86)}to{opacity:0;transform:translateZ(0)scale(1.38)}}@keyframes generation-progress{0%{width:32%;transform:translate(-70%)}50%{width:58%;transform:translate(95%)}to{width:32%;transform:translate(260%)}}.rise{animation:rise .5s var(--ease) both}.fade{animation:fade .4s var(--ease) both}.pop{animation:pop .34s var(--ease) both}.shimmer-txt{background:linear-gradient(100deg, var(--ink-3) 30%, var(--ink) 50%, var(--ink-3) 70%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite shimmer}.logo{-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-weight:600;display:inline-flex}.logo img{width:auto;height:25px;transition:transform var(--speed) var(--ease);flex-shrink:0;display:block}.logo:hover img{transform:translateY(-1px)rotate(-3deg)}.logo span{letter-spacing:-.01em;font-size:17px;font-weight:600}.logo span b{font-weight:700}.logo span span{color:var(--ink-3);font-weight:500}.app{z-index:1;height:100vh;display:flex;position:relative}.main{flex-direction:column;flex:1;min-width:0;display:flex}.btn{border-radius:var(--radius-sm);padding:calc(9px * var(--pad)) 15px;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;line-height:1;transition:background .18s,color .18s,border-color .18s,transform .12s,box-shadow .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-accent{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 0 #ffffff2e inset, 0 6px 18px -8px var(--accent)}.btn-accent:hover{background:color-mix(in oklab, var(--accent) 88%, #fff)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--ink)}.btn-outline:hover{background:var(--surface-2);border-color:var(--ink-3)}.btn-lg{padding:13px 20px;font-size:15px}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled,.btn[disabled]{opacity:.5;pointer-events:none}.icon-btn,.btn-icon{border-radius:var(--radius-sm);color:var(--ink-2);justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .18s,color .18s;display:inline-flex}.icon-btn:hover,.btn-icon:hover,.icon-btn.active{background:var(--surface-2);color:var(--ink)}.chip{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:500;transition:all .16s;display:inline-flex}.chip:hover{border-color:var(--ink-3);color:var(--ink)}.chip.chip-active,.chip.on{background:var(--accent-faint);border-color:color-mix(in oklab, var(--accent) 45%, transparent);color:var(--accent)}.chip.chip-disabled{cursor:not-allowed;opacity:.58}.chip.chip-soon{border-style:dashed;gap:6px}.chip.chip-soon .soon-badge{background:color-mix(in oklab, var(--surface-3) 80%, transparent);border:1px solid var(--border-soft);color:var(--ink-3)}.chip.planner-toggle{cursor:pointer;gap:6px;min-width:0;padding-inline:10px}.planner-toggle-label{font-weight:650}.planner-toggle-state{background:color-mix(in oklab, currentColor 12%, transparent);font-family:var(--font-mono);border-radius:999px;padding:3px 5px;font-size:10px;font-weight:600;line-height:1}.soon-badge{background:var(--surface-3);color:var(--ink-3);border-radius:999px;padding:1px 6px;font-size:10px}.tag-mono{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink-3);text-transform:uppercase;font-size:11px}.kbd{font-family:var(--font-mono);background:var(--surface-3);color:var(--ink-2);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:11px}.seg{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-2);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:500;transition:all .16s}.seg button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.sidebar{background:var(--surface);border-right:1px solid var(--border-soft);width:274px;transition:width var(--speed) var(--ease), margin var(--speed) var(--ease);flex-direction:column;flex-shrink:0;display:flex}.side-head{justify-content:space-between;align-items:center;gap:10px;padding:16px 12px 10px 16px;display:flex}.brand-button{border-radius:var(--radius-sm);align-items:center;min-width:0;padding:4px 6px 4px 0;display:inline-flex}.brand-button:hover{color:var(--ink)}.sidebar-search-btn{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;flex:none;width:40px;height:40px}.sidebar-search-btn:hover,.sidebar-search-btn.active{background:var(--surface-3);border-color:var(--border);color:var(--ink)}.search-icon{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:19px;height:19px;display:block}.switcher-wrap{margin:4px 12px 10px;position:relative}.switcher{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:9px 11px;transition:all .16s;display:flex}.switcher:hover{background:var(--surface-3);border-color:var(--border)}.switcher .nm,.switcher b{font-size:14px;font-weight:600;line-height:1.2;display:block}.switcher-copy{flex-direction:column;flex:1;min-width:0;display:flex}.switcher-caret{color:var(--ink-3);flex-shrink:0;font-size:12px}.switcher-menu{z-index:10;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0}.switcher-menu-item{width:100%}.switcher-menu-copy{text-align:left;flex:1;min-width:0}.switcher-create{color:var(--accent)}.ws-badge{background:var(--accent-faint);color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:15px;font-weight:600;display:grid}.avatar{background:var(--accent-faint);color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:grid}.muted{color:var(--ink-3)}.sub{color:var(--ink-3);margin-top:2px;font-size:11.5px}.new-btn{margin:0 12px 8px}.sidebar-new-chat{width:100%}.nav{flex-direction:column;gap:1px;padding:4px 12px;display:flex}.nav-item,.chat-item{border-radius:var(--radius-sm);color:var(--ink-2);padding:calc(8px * var(--pad)) 11px;white-space:nowrap;align-items:center;gap:11px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item.active{background:var(--accent-faint);border:1px solid color-mix(in oklab, var(--accent) 12%, transparent);color:var(--accent)}.side-label{color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;padding:14px 23px 7px;font-size:11px;font-weight:600}.chat-list{flex-direction:column;flex:1;gap:1px;padding:0 12px 10px;display:flex;overflow-y:auto}.chat-item{cursor:pointer;font-size:13.5px;font-weight:500;position:relative}.chat-item:hover{background:var(--surface-2)}.chat-item.active{background:var(--surface-2);color:var(--ink)}.chat-item.active:before{content:"";background:var(--accent);border-radius:3px;width:3px;position:absolute;top:9px;bottom:9px;left:0}.dot,.ci-dot{border-radius:2px;flex-shrink:0;width:7px;height:7px}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-foot{border-top:1px solid var(--border-soft);flex-direction:column;gap:9px;padding:11px 12px;display:flex}.credit-bar{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:10px 12px}.row{justify-content:space-between;align-items:center;display:flex}.credit-bar .row{margin-bottom:7px;font-size:12.5px}.credit-track{background:var(--surface-3);border-radius:3px;height:5px;overflow:hidden}.credit-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%}.credit-bar .btn-outline{margin-top:11px}.credit-alert{background:var(--accent-faint);border:1px solid var(--accent-soft);border-radius:var(--radius);color:var(--accent);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;font-size:14px;display:flex}.generation-alert{color:var(--danger)}.credit-alert-actions{align-items:center;gap:8px;display:flex}.credit-alert-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:14px;line-height:1}.credit-alert-close:hover{opacity:1}.user-row{border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:11px;min-width:0;padding:9px 10px;display:flex}.user-row:hover{background:var(--surface-2);border-color:var(--border-soft)}.account-card{background:color-mix(in oklab, var(--surface-2) 82%, transparent);border-color:var(--border-soft);min-height:58px}.user-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.user-name-row{align-items:center;gap:8px;min-width:0;display:flex}.user-copy b{flex:1;min-width:0;font-size:13.5px;line-height:1.15;display:block}.user-copy small{font-size:11.5px;line-height:1.25;display:block}.plan-pill{background:var(--surface-3);border:1px solid var(--border-soft);color:var(--ink-2);border-radius:999px;flex:none;padding:3px 6px;font-size:10.5px;font-weight:600;line-height:1}.topbar{border-bottom:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.topbar h1,.topbar .ttl{white-space:nowrap;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:600;display:flex}.spacer{flex:1}.ctx-pill{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:12.5px;display:inline-flex}.home,.pricing,.chat-scroll{flex:1;overflow-y:auto}.home-inner,.pricing-inner{max-width:980px;margin:0 auto;padding:34px 28px 72px}.hero,.home-hero{margin-bottom:20px}.hero h2,.home-hero h1{letter-spacing:0;margin:0 0 7px;font-size:28px;font-weight:650}.grad{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero p,.home-hero p{color:var(--ink-2);margin:0;font-size:14.5px}.big-composer{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;margin-bottom:12px;padding:14px;transition:border-color .2s;box-shadow:inset 0 1px #ffffff05}.big-composer:focus-within{border-color:var(--accent)}.composer{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:12px 13px 10px;transition:border-color .2s;box-shadow:inset 0 1px #ffffff05}.composer:focus-within{border-color:var(--accent)}.big-composer textarea,.composer textarea{color:var(--ink);background:0 0;border:0;outline:none;width:100%;min-height:24px;max-height:132px;font-size:15px;line-height:1.5}.composer textarea{min-height:24px;max-height:128px;font-size:14.5px}.big-composer textarea::placeholder,.composer textarea::placeholder{color:var(--ink-3)}.composer-bar{align-items:center;gap:7px;margin-top:10px;display:flex}.composer-bar>.btn-accent{border-radius:999px;flex-shrink:0;width:38px;height:38px;padding:0;font-size:18px}.composer-bar>.btn-stop{background:var(--surface-3);border-color:color-mix(in oklab, var(--accent) 58%, transparent);color:var(--accent);box-shadow:none}.composer-bar>.btn-stop:hover{background:var(--accent-faint);border-color:var(--accent)}.credit-estimate{border:1px solid var(--border);color:var(--ink-3);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;min-height:31px;padding:0 10px;font-size:12.5px;line-height:1;display:inline-flex}.credit-estimate.warn{background:var(--accent-faint);border-color:var(--accent-soft);color:var(--accent);font-weight:600}.stop-square{background:currentColor;border-radius:2px;width:11px;height:11px;display:block}.attach-menu-wrap{position:relative}.attach-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:20;min-width:180px;animation:pop .26s var(--ease) both;flex-direction:column;padding:5px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.attach-menu-item{border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;padding:8px 10px;font-size:13px}.attach-menu-item:hover{background:var(--surface-2)}.attach-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 9px;display:flex}.attach-thumb{border:1px solid var(--border);border-radius:9px;width:54px;height:54px;position:relative;overflow:hidden}.attach-thumb img{object-fit:cover;width:100%;height:100%}.attach-badge{color:#fff;z-index:2;background:#bc2027e0;border-radius:999px;padding:4px 5px;font-size:10px;font-weight:700;line-height:1;position:absolute;bottom:3px;left:3px}.attach-remove{color:#fff;cursor:pointer;z-index:3;background:#0009;border:0;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;line-height:1;display:flex;position:absolute;top:3px;right:3px}.attach-error{color:var(--accent-2);font-size:12px}.bubble-uploads{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.bubble-upload{border:1px solid #ffffff40;border-radius:9px;width:54px;height:54px;position:relative;overflow:hidden}.msg.user .bubble-upload{border-color:var(--border);box-shadow:0 6px 16px -14px #00000059}.bubble-upload img{object-fit:cover;width:100%;height:100%;display:block}.cbar-mid{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.cbar-div{background:var(--border);align-self:stretch;width:1px;min-height:20px;margin:0 1px}.cbar-mid .dd{animation:pop .26s var(--ease) both}.cbar-mid .dd:nth-child(3){animation-delay:30ms}.cbar-mid .dd:nth-child(4){animation-delay:60ms}.cbar-mid .dd:nth-child(5){animation-delay:90ms}.chip.on{background:var(--accent-faint);border-color:color-mix(in oklab, var(--accent) 45%, transparent);color:var(--accent);animation:pop .22s var(--ease) both}.chip.on .chip-x{opacity:.8;font-size:11px}.dd{position:relative}.dd-trigger{background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;transition:border-color .15s;display:inline-flex}.dd-trigger:hover{border-color:var(--ink-3)}.dd-trigger:disabled{cursor:not-allowed;opacity:.6}.dd-trigger b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;display:block;overflow:hidden}.dd-setting-model .dd-trigger{max-width:150px}.dd-setting-model .dd-trigger b{max-width:76px}.dd-lb{color:var(--ink-3)}.dd-caret{color:var(--ink-3);font-size:10px}.dd-scrim{z-index:30;position:fixed;inset:0}.dd-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:31;min-width:168px;animation:pop .2s var(--ease) both;padding:5px;position:absolute;bottom:calc(100% + 6px);left:0}.dd-setting-model .dd-menu{min-width:240px}.dd-setting-model .dd-opt,.dd-setting-model .dd-opt span:not(.ratio-check){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dd-opt{border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;display:flex}.dd-opt:hover{background:var(--surface-2);color:var(--ink)}.dd-opt.sel{color:var(--accent);font-weight:500}.ratio-menu{min-width:204px;padding:8px}.ratio-menu-title{color:var(--ink-3);white-space:nowrap;padding:6px 6px 8px;font-size:13px}.ratio-opt{color:var(--ink);border-radius:8px;justify-content:flex-start;gap:9px;padding:9px 8px}.ratio-opt.sel{background:var(--surface-3);color:var(--ink);font-weight:600}.ratio-glyph{color:var(--ink-2);border:1.5px solid;border-radius:3px;flex:none;width:13px;height:13px;display:inline-block}.ratio-glyph-auto{width:13px;height:10px;position:relative}.ratio-glyph-auto:after{content:"";border:1.5px solid;border-radius:2px;width:9px;height:5px;position:absolute;top:2px;left:2px}.ratio-glyph-portrait{width:12px;height:17px}.ratio-glyph-story{width:10px;height:18px}.ratio-glyph-landscape{width:17px;height:10px}.ratio-glyph-widescreen{width:18px;height:8px}.ratio-copy{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.ratio-copy small{color:var(--ink-3);font-size:12px;font-weight:600}.ratio-check{color:var(--ink);margin-left:auto}.suggestions,.sugg-row{flex-wrap:wrap;gap:9px;margin:12px 0 30px;display:flex}.suggestions .chip,.sugg{background:var(--surface);border:1px solid var(--border-soft);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:13.5px;font-weight:500;transition:all .16s;display:flex}.suggestions .chip:hover,.sugg:hover{border-color:var(--accent);color:var(--ink);box-shadow:var(--shadow);transform:translateY(-1px)}.section-head,.sect-head{justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.section-head h3,.sect-head h2{margin:0;font-size:15px;font-weight:600}.cards,.cards-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.card,.chat-card{background:var(--surface);border:1px solid var(--border-soft);cursor:pointer;text-align:left;transition:all .2s var(--ease);border-radius:12px;overflow:hidden}.card:hover,.chat-card:hover{border-color:var(--border);box-shadow:var(--shadow);transform:translateY(-1px)}.latest-work-card{grid-template-columns:88px minmax(0,1fr);height:92px;min-height:88px;display:grid}.thumb{background-color:var(--surface-2);height:100%;min-height:0;position:relative;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.type-tag,.chat-card .ty{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:2;background:#08080c8c;border-radius:7px;align-items:center;gap:5px;padding:4px 7px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;top:7px;left:7px}.card-meta,.chat-card .meta{flex-direction:column;justify-content:center;min-width:0;padding:10px 12px;display:flex}.card-meta b,.chat-card .meta .t{font-size:13.5px;font-weight:600;display:block}.card-meta small,.chat-card .meta .d{color:var(--ink-3);font-size:12px}.chat-area{flex:1;min-height:0;display:flex;position:relative}.chat-col{flex-direction:column;flex:1;min-width:0;display:flex}.chat-thread{flex-direction:column;gap:22px;max-width:760px;margin:0 auto;padding:28px 28px 24px;display:flex}.empty{color:var(--ink-3);text-align:center;padding:60px 0}.empty img{opacity:.92;height:46px;margin:0 auto 16px;display:block}.msg{gap:13px;display:flex}.msg.user{justify-content:flex-end;align-self:flex-end;align-items:flex-start;gap:10px;max-width:min(86%,680px)}.msg.user .bubble{color:var(--ink);overflow-wrap:anywhere;text-align:right;background:0 0;border:none;min-width:0;padding:3px 0 0;font-size:15px;line-height:1.65}.msg.user .bubble:empty{display:none}.msg:not(.user) .bubble{flex:1;min-width:0}.bubble{color:var(--ink);font-size:15px;line-height:1.6}.ai-mark{object-fit:contain;flex-shrink:0;width:30px;height:30px;margin-top:2px}.user-avatar{background:var(--surface-2);border:1px solid var(--border);color:var(--accent);letter-spacing:0;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;margin-top:1px;font-size:12px;font-weight:700;display:grid;box-shadow:0 8px 18px -16px #0006}.planner-card{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);transition:all var(--speed) var(--ease);animation:pop .34s var(--ease) both;padding:11px 14px;overflow:hidden}.planner-card b{color:var(--accent)}.planner-process{flex-direction:column;display:flex}.planner-process-head{color:var(--ink);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:0;font-size:13px;display:flex}.planner-process-status{flex:1;font-weight:600}.planner-caret{color:var(--ink-3);font-size:12px;transition:transform .2s}.planner-caret.open{transform:rotate(180deg)}.planner-process-body{animation:fade .4s var(--ease) both;margin-top:12px}.planner-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.planner-step{color:var(--ink-2);align-items:center;gap:10px;font-size:13.5px;display:flex}.planner-divider{background:var(--border-soft);height:1px;margin:12px 0}.planner-detail{flex-direction:column;gap:6px;display:flex}.planner-detail-item{color:var(--ink-2);font-size:13px;line-height:1.5}.planner-regenerate{border:1px solid var(--border-soft);color:var(--ink-3);cursor:pointer;background:0 0;border-radius:999px;margin-top:12px;padding:5px 12px;font-size:12px}.planner-regenerate:hover{color:var(--ink);border-color:var(--ink-3)}.step-mark{justify-content:center;width:14px;height:14px;font-size:13px;display:inline-flex}.step-done{color:var(--accent)}.step-failed{color:var(--danger);font-weight:700}.step-pending{color:var(--ink-3)}.step-spinner{border:2px solid var(--border-soft);border-top-color:var(--accent);border-radius:999px;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.output-grid{gap:10px;margin-top:11px;display:grid}.output-grid.g1{grid-template-columns:minmax(0,1fr);max-width:320px}.output-grid.g1.ratio-story{max-width:210px}.output-grid.g1.ratio-portrait{max-width:260px}.output-grid.g1.ratio-landscape{max-width:420px}.output-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.output-grid.g4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:440px}.out,.output-card{background:var(--surface-2);border:1px solid var(--border-soft);cursor:pointer;transition:all .2s var(--ease);animation:pop .34s var(--ease) both;border-radius:12px;margin:0;padding:0;position:relative;overflow:hidden}.out:hover,.output-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.out:focus-visible,.output-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.out .art,.output-card .art{width:100%;height:0;display:block;position:relative}.out .art>img,.output-card .art>img{background:var(--surface-3);object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.image-loading-surface{background:radial-gradient(92% 80% at 50% 42%, #ffffff1a, transparent 58%), linear-gradient(135deg, color-mix(in oklab, var(--surface-2) 82%, black), color-mix(in oklab, var(--surface-3) 78%, black));pointer-events:none;transition:opacity .24s var(--ease), transform .24s var(--ease);z-index:0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.image-loading-surface.is-loaded{opacity:0}.image-loading-surface.is-error{background:radial-gradient(90% 90% at 50% 50%, #ff5a5217, transparent 62%), var(--surface-2)}.pulse-loader{--pulse-color:#ffffffeb;--pulse-ring:10px;--pulse-gap:22px;aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:min(34%,6rem);max-width:6rem;display:flex;position:relative;overflow:visible;transform:translateZ(0)}.pulse-loader:before,.pulse-loader:after{border:var(--pulse-ring) solid var(--pulse-color);box-sizing:border-box;content:"";transform-origin:50%;will-change:transform, opacity;border-radius:50%;animation:1.8s cubic-bezier(.4,0,.2,1) infinite pulse-loader-out;position:absolute;inset:0}.pulse-loader:before{animation:1.8s cubic-bezier(.4,0,.2,1) infinite pulse-loader-in}.pulse-loader:after{inset:calc(var(--pulse-gap) / 2);animation-delay:.18s}.pulse-loader-thumb{--pulse-ring:5px;--pulse-gap:12px;width:42%;max-width:2.25rem}.pulse-loader-lightbox{--pulse-ring:12px;--pulse-gap:28px;width:min(36%,7rem);max-width:7rem}.pulse-loader-generation{--pulse-color:#23232a8f;--pulse-ring:12px;--pulse-gap:28px;width:min(36%,7rem);max-width:7rem}.loadable-image{opacity:0;transition:opacity .26s var(--ease);z-index:1;position:relative}.loadable-image.is-loaded{opacity:1}.image-load-error{color:var(--ink-3);text-align:center;z-index:1;place-items:center;padding:8px;font-size:11px;display:grid;position:absolute;inset:0}.out .art>.art-fill,.output-card .art>.art-fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.final-flag{background:var(--accent);color:var(--on-accent);z-index:4;border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:9px;left:9px}.out .ov,.output-card .ov{opacity:0;z-index:3;background:linear-gradient(#08080c52,#0000 35% 60%,#08080c8c);flex-direction:column;justify-content:space-between;padding:10px;transition:opacity .2s;display:flex;position:absolute;inset:0}.out:hover .ov,.out:focus-within .ov,.output-card:hover .ov,.output-card:focus-within .ov{opacity:1}.out .ov-top,.output-card .ov-top{justify-content:flex-end;gap:6px;display:flex}.ov-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0c0c1099;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;transition:background .15s;display:grid}.ov-btn:hover{background:#0c0c10d9}.out .lbl,.output-card .lbl{color:#fff;font-size:12px;font-weight:600}.video-out{max-width:300px}.play-orb{color:#111;z-index:1;background:#ffffffeb;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;font-size:22px;transition:transform .15s;display:grid;position:absolute;inset:0;box-shadow:0 8px 24px #0006}.out:hover .play-orb,.output-card:hover .play-orb{transform:scale(1.08)}.dur-tag{color:#fff;font-family:var(--font-mono);z-index:2;background:#08080ca6;border-radius:6px;padding:3px 7px;font-size:11px;position:absolute;bottom:9px;right:9px}.mock-flag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:2;background:#08080ca6;border-radius:7px;align-items:center;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:9px;left:9px}.audio-out{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);max-width:440px;animation:pop .34s var(--ease) both;align-items:center;gap:14px;margin-top:13px;padding:14px 16px;display:flex}.audio-play{background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:14px;display:grid}.wave{flex:1;align-items:center;gap:3px;height:34px;display:flex}.wave i{background:var(--accent);opacity:.45;border-radius:2px;flex:1}.audio-meta{color:var(--ink-2);font-family:var(--font-mono);font-size:11px}.mock-flag.audio-mock{background:var(--surface-3);color:var(--ink-3);-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.lb-orb{font-size:26px}.output-card.generating{aspect-ratio:1;cursor:default;isolation:isolate;background:radial-gradient(90% 80% at 50% 44%,#fffffff0,#0000 58%),linear-gradient(135deg,#fff 0%,#f6f6f2 50%,#ecece7 100%);border:1px solid #ffffffdb;border-radius:clamp(18px,7%,34px);animation:none;overflow:hidden;box-shadow:inset 0 1px #fffffff2,inset 0 -30px 70px #1414160a,0 18px 44px -30px #0000006b}.output-card.generating:before{content:"";opacity:1;z-index:0;background:radial-gradient(circle,#ffffffc7,#0000 48%),radial-gradient(120% 95%,#0000 38%,#14141613 100%);position:absolute;inset:0}.generation-loader-surface{z-index:1;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.generation-card-copy{z-index:2;flex-direction:column;justify-content:space-between;gap:9px;display:flex;position:absolute;inset:12px}.generation-card-copy-active{pointer-events:none;justify-content:space-between}.generation-status-pill{color:#fff;background:#0000007a;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;min-width:0;padding:5px 9px;font-size:12px;font-weight:650;display:inline-flex}.generation-status-pill i{background:var(--accent-2);border-radius:50%;width:6px;height:6px;animation:1.35s ease-in-out infinite generation-live;display:inline-block;box-shadow:0 0 0 4px #ff5a5238}.generation-progress-copy{color:#141416ad;background:#ffffffb8;border:1px solid #14141612;border-radius:999px;align-self:flex-start;padding:5px 9px;font-size:12px;font-weight:650}.output-card.generating.queued .generation-status-pill i{background:#8b5cf6;box-shadow:0 0 0 4px #8b5cf62e}.output-card.generating.canceling{filter:saturate(.78)}.output-card.generating.canceling .generation-status-pill{background:#101016a3}.output-card.generating.canceling .generation-status-pill i{background:#ffffffb8;box-shadow:0 0 0 4px #ffffff29}.output-card.generating.failed{border-color:var(--danger);filter:saturate(.75)}.output-card.generating.failed .generation-status-pill{background:#961616b8;animation:none}.output-card.generating.failed .generation-status-pill i{box-shadow:none;background:#fff;animation:none}.output-card.generating.canceled{border-color:var(--border);filter:grayscale(.25)saturate(.65)}.output-card.generating.canceled .generation-status-pill{background:#101016ad;animation:none}.output-card.generating.canceled .generation-status-pill i{box-shadow:none;background:#fff9;animation:none}.generation-inline-actions{gap:8px;margin-top:10px;display:flex}@media (prefers-reduced-motion:reduce){.pulse-loader:before,.pulse-loader:after,.generation-status-pill i{animation:none}}.msg-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.action-chip{background:var(--surface-2);border:1px solid var(--border-soft);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:12.5px;transition:color .15s,border-color .15s}.action-chip:hover{border-color:var(--ink-3);color:var(--ink)}.gen-card{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-2);max-width:340px;margin-top:13px;padding:16px}.gen-bar{background:var(--surface-3);border-radius:3px;height:5px;margin-top:12px;overflow:hidden}.gen-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:3px;height:100%;transition:width .3s}.composer-wrap{padding:14px 28px 22px}.composer-wrap .composer,.composer-wrap .credit-alert{max-width:760px;margin-left:auto;margin-right:auto}.hint{text-align:center;color:var(--ink-3);margin-top:9px;font-size:11.5px}.lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;background:#040408db;place-items:center;padding:40px;animation:.2s both fade;display:grid;position:fixed;inset:0}.lb-bar{z-index:121;gap:9px;display:flex;position:fixed;top:18px;right:18px}.lb-btn{width:38px;height:38px}.lightbox .frame{border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:86vw;max-height:86vh;animation:pop .3s var(--ease) both;position:relative;overflow:hidden}.lightbox .frame img{object-fit:contain;width:100%;height:100%;display:block}.asset-library-btn{position:relative}.asset-dot{background:var(--accent);border-radius:999px;width:7px;height:7px;margin-left:4px;animation:1.6s ease-in-out infinite asset-pulse;display:inline-block}@keyframes asset-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft);opacity:1}50%{opacity:.6;box-shadow:0 0 0 4px #0000}}.drawer-backdrop{z-index:110;background:#04040880;animation:.2s both fade;position:fixed;inset:0}.asset-drawer{background:var(--surface);border-left:1px solid var(--border);z-index:111;width:min(380px,86%);max-width:92vw;animation:drawer-in var(--speed) var(--ease);flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-24px 0 60px -28px #0000008c}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.drawer-title{margin:0;font-size:14px;font-weight:600}.drawer-sub{color:var(--ink-3);margin:6px 0 0;font-size:12.5px;line-height:1.5}.drawer-body{padding:16px;overflow-y:auto}.drawer-body .output-grid{margin-top:0}.drawer-empty{text-align:center;padding:40px 0}.pricing-inner{max-width:1020px;padding:48px 32px 80px}.pricing-inner .hero{text-align:center;margin-bottom:38px}.pricing-inner .hero h2{font-size:32px}.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.plan,.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s var(--ease);flex-direction:column;padding:26px 24px;display:flex;position:relative}.plan:hover,.plan-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.plan.popular,.plan-card.pop{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow-lg)}.plan h3{margin:0;font-size:15px;font-weight:600}.plan>.muted{margin:2px 0 16px;font-size:13px}.price{letter-spacing:-.02em;margin:0;font-size:34px;font-weight:700}.price span{color:var(--ink-3);font-size:15px;font-weight:500}.plan>b{color:var(--accent);margin:6px 0 18px;font-size:13px;font-weight:600;display:block}.plan ul{color:var(--ink-2);flex-direction:column;flex:1;gap:10px;margin:0 0 22px;padding:0;font-size:13.5px;list-style:none;display:flex}.plan li{gap:9px;display:flex}.plan li:before{content:"✓";color:var(--accent)}.auth{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);height:100vh;display:grid;position:relative}.auth-art{background:linear-gradient(150deg,#2a0a0e,#0c0c10 72%);padding:40px 48px;position:relative;overflow:hidden}.auth-blob{filter:blur(50px);border-radius:50%;position:absolute}.auth-copy{z-index:2;max-width:560px;position:absolute;bottom:56px;left:48px;right:48px}.auth-copy h2{letter-spacing:-.02em;color:#fff;margin:0 0 12px;font-size:30px;font-weight:600;line-height:1.2}.auth-copy p{color:#ffffffb3;max-width:420px;margin:0;font-size:15px;line-height:1.6}.auth-form{flex-direction:column;justify-content:center;width:100%;max-width:460px;margin:0 auto;padding:48px;display:flex;position:relative}.auth-form h1{letter-spacing:-.02em;margin:24px 0 6px;font-size:26px;font-weight:600}.auth-theme-toggle{z-index:3;position:absolute;top:20px;right:20px}.field{gap:7px;margin-bottom:14px;display:grid}.field label{color:var(--ink-2);font-size:13px;font-weight:500}.field input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .16s}.field input:focus{border-color:var(--accent)}.divider{color:var(--ink-3);white-space:nowrap;align-items:center;gap:12px;margin:20px 0;font-size:12.5px;display:flex}.divider:before,.divider:after{background:var(--border);content:"";flex:1;height:1px}.modal-backdrop,.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#06060a8c;justify-content:center;align-items:center;padding:24px;animation:.2s both fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;animation:pop .26s var(--ease) both;padding:22px}.modal h2{margin:0 0 5px;font-size:18px;font-weight:600}.member-row{align-items:center;gap:11px;padding:9px 0;display:flex}.member-row .nm{flex:1;font-size:14px;font-weight:500}.role-tag{font-size:11px;font-family:var(--font-mono);color:var(--ink-3);text-transform:uppercase}.settings-wrap{position:relative}.settings-button{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px}.settings-button:hover{background:var(--surface-3);border-color:var(--border)}.settings-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:40;min-width:200px;animation:pop .22s var(--ease) both;flex-direction:column;padding:5px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.settings-menu-item{border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.settings-menu-item:hover{background:var(--surface-2)}.settings-menu-item .si{align-items:center;gap:9px;display:inline-flex}.settings-menu-divider{background:var(--border-soft);height:1px;margin:4px}.settings-logout{color:var(--accent-2)}.side-search{padding:0 12px 10px}.side-search-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:9px 11px}.side-search-input:focus{border-color:var(--ink-3)}.menu-btn{display:none}.sidebar-overlay{z-index:35;background:#0000008c;position:fixed;inset:0}@media (max-width:768px){.sidebar{box-shadow:var(--shadow-lg);z-index:36;width:274px;max-width:86vw;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.menu-btn{display:inline-flex}.topbar{gap:8px;padding:0 12px}.topbar h1{flex:0 auto;min-width:0;font-size:14px}.ctx-pill{flex-shrink:0}.home-inner,.pricing-inner{padding:28px 18px 64px}.hero h2,.home-hero h1{font-size:24px}.plans{grid-template-columns:1fr}.chat-thread{padding:24px 16px 18px}.msg.user{max-width:94%}.composer-wrap{padding:12px 14px 8px}}@media (max-width:560px){.cards,.cards-grid{grid-template-columns:1fr}.latest-work-card{grid-template-columns:82px minmax(0,1fr);height:86px;min-height:82px}.composer-bar{flex-wrap:wrap}.cbar-mid{flex-basis:100%;order:2}.composer-bar .planner-toggle{order:3}.composer-bar .btn-accent{order:3;margin-left:auto}}@media (max-width:768px){.auth{grid-template-columns:1fr;height:auto;min-height:100vh}.auth-art{display:none}.auth-form{padding:56px 22px 40px}body{overflow:auto}}