@import url('/static/fonts.css');
:root{color-scheme:dark;--bg:#101211;--panel:#171a18;--panel2:#1d211e;--border:#2b302c;--muted:#8e988f;--text:#e9eee7;--accent:#c0edaa;--accent-dim:#283624;--danger:#f3a6a6;--radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{border:1px solid var(--border);border-radius:9px;background:var(--panel2);color:var(--text);padding:10px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:background .16s,border-color .16s,transform .16s}button:hover{background:#2b332c;border-color:#455044}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#1a2916;font-weight:650}.primary:hover{background:#d1f5c2;border-color:#d1f5c2}.ghost{background:transparent;border-color:transparent;color:var(--muted)}.ghost:hover{color:var(--text)}.danger{color:var(--danger)}.small{font-size:12px;padding:6px 10px}.icon-button{padding:8px;min-width:34px;min-height:34px}.icon{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}input,textarea,select{width:100%;background:#111512;border:1px solid var(--border);border-radius:9px;color:var(--text);padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#8caf7e;box-shadow:0 0 0 3px #c0edaa0c}textarea{resize:vertical;min-height:100px}label{display:block;color:#bcc6bd;font-size:13px;margin-bottom:7px}label.check{display:flex;align-items:center;gap:9px;margin:0}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:31px;font-weight:550;letter-spacing:-1px;line-height:1.18;margin-bottom:12px}h2{font-size:18px;font-weight:550;letter-spacing:-.35px}h3{font-size:15px;font-weight:600}p{color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace}.badge{font-size:10px;letter-spacing:.5px;padding:4px 8px;border:1px solid var(--border);border-radius:5px;color:var(--muted);white-space:nowrap}.badge.green{color:var(--accent);background:#c0edaa08;border-color:#c0edaa20}.pill{border-radius:20px;background:#262d26;padding:5px 10px;font-size:11px;color:#bdc9bb;display:inline-flex;gap:6px;align-items:center}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block}.dot.off{background:#d7aa6e}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:18px}.field{margin-bottom:18px}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:7px 0 0}.divider{height:1px;background:var(--border);margin:22px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.empty{padding:56px 24px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.empty .icon{width:30px;height:30px;color:var(--muted);margin-bottom:14px}.empty p{max-width:420px;margin:8px auto 18px;font-size:13px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 16px;gap:12px}.section-title h2{margin:0}.loading-screen{height:100dvh;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center}.brand-mark{width:34px;height:34px;background:var(--accent);border-radius:9px;display:grid;place-items:center;font-size:23px;font-weight:750;color:#24331d;font-family:Georgia,serif;font-style:italic;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center}.brand-name{font-size:19px;letter-spacing:-.8px;font-weight:650}.brand-sub{font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:-3px}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100dvh}.sidebar{height:100dvh;position:sticky;top:0;border-right:1px solid var(--border);background:#141714;display:flex;flex-direction:column;padding:26px 16px 16px;z-index:30}.sidebar .brand{padding:0 10px 28px}.project-switch{display:flex;align-items:center;gap:10px;width:100%;padding:11px;margin-bottom:28px;border-color:#353d32;background:#20251e;text-align:left}.project-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#343e2d;color:var(--accent)}.project-switch .label{font-size:12px;line-height:1.3;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-switch small{font-size:10px;color:var(--muted)}.nav-label{font-size:9px;letter-spacing:1.5px;color:#737f73;padding:0 12px;margin-bottom:9px}.nav{display:grid;gap:4px}.nav-item{width:100%;justify-content:flex-start;padding:11px 12px;font-size:13px;color:#a8b2a7;background:transparent;border:1px solid transparent;border-radius:8px}.nav-item .icon{width:18px;height:18px;margin-right:3px}.nav-item.active{color:var(--accent);background:#253020;border-color:#c0edaa0d}.nav-spacer{height:26px}.sidebar-footer{margin-top:auto;padding-top:25px}.workspace-note{border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:15px;background:linear-gradient(120deg,#26302255,#151915)}.workspace-note p{font-size:11px;line-height:1.6;margin:8px 0 0}.profile{display:flex;gap:9px;align-items:center;border-top:1px solid var(--border);padding:16px 7px 0}.avatar{width:32px;height:32px;border-radius:50%;background:#34372b;color:#d3d6b1;display:grid;place-items:center;font-size:12px;font-weight:600;flex-shrink:0}.profile-text{min-width:0;flex:1}.profile-text strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-text small{font-size:10px;color:var(--muted)}.main{min-width:0}.topbar{height:77px;border-bottom:1px solid var(--border);padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#101211e8;gap:12px}.breadcrumbs{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumbs span:last-child{color:#d1d8ce}.top-actions{display:flex;align-items:center;gap:18px}.top-actions .pill{font-size:10px}.avatar-stack{display:flex;padding-left:8px}.avatar-stack .avatar{width:27px;height:27px;font-size:9px;border:2px solid var(--bg);margin-left:-8px}.content{max-width:1400px;margin:auto;padding:32px 36px 40px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-head p{font-size:13px;margin-bottom:0}.page-head .eyebrow{margin-bottom:12px}.page-head h1{font-size:28px}.hero{position:relative;overflow:hidden;min-height:262px;border:1px solid #3b4833;border-radius:15px;background:linear-gradient(108deg,#222b1c 0%,#20291c 50%,#18231d 100%);padding:35px}.hero:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#a6bd8b06 1px,transparent 1px),linear-gradient(90deg,#a6bd8b06 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:55%}.hero .eyebrow{color:#bacba8;margin-bottom:20px}.hero h1{font-size:37px;font-weight:450;letter-spacing:-1.2px;color:#eff3e9;line-height:1.15;margin-bottom:14px}.hero p{font-size:12px;color:#acbaa4;max-width:360px;margin-bottom:23px}.hero-art{position:absolute;width:42%;height:100%;top:0;right:12px;opacity:.9}.hero-art svg{width:100%;height:100%}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:17px}.metric{border:1px solid var(--border);border-radius:10px;padding:16px 19px;display:flex;gap:15px;align-items:center;background:var(--panel)}.metric-icon{padding:9px;background:#232923;border:1px solid #303a2f;border-radius:8px;color:#b4c5ac;display:flex}.metric strong{font-size:20px;font-weight:500;line-height:1.1;display:block}.metric span{color:var(--muted);font-size:11px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.preset-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:20px;background:#171b17;border:1px solid var(--border);border-radius:12px;gap:0;min-height:177px;position:relative}.preset-card:hover{transform:translateY(-2px);border-color:#617752;background:#1c241b}.preset-card .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.preset-card .tile{width:34px;height:34px;display:grid;place-items:center;background:#2a3027;border-radius:9px;color:#c9d4bd}.preset-card:nth-child(2) .tile{background:#292b38;color:#b9b9e7}.preset-card:nth-child(3) .tile{background:#352d26;color:#dfc2a6}.preset-card:nth-child(4) .tile{background:#253030;color:#aacbc6}.preset-card:nth-child(5) .tile{background:#342b32;color:#d9b5ce}.preset-card:nth-child(6) .tile{background:#313124;color:#d6d3aa}.preset-card .eyebrow{font-size:8px;letter-spacing:1px}.preset-card h3{font-size:14px;margin-bottom:7px}.preset-card p{font-size:11px;line-height:1.65;margin:0;max-width:95%;color:#929d91}.recent-list{display:grid}.recent-row{display:flex;align-items:center;gap:13px;padding:15px 8px;border-bottom:1px solid var(--border);cursor:pointer}.recent-row:hover{background:var(--panel)}.recent-row .icon{color:var(--muted)}.recent-row .text{flex:1;min-width:0}.recent-row strong{font-size:12px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row small{font-size:10px;color:var(--muted)}.recent-row time{font-size:10px;color:var(--muted)}.notice{border:1px solid #65503080;background:#30281b70;border-radius:10px;padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:12px;color:#d1bc99;margin-bottom:22px}.notice .text{flex:1}.notice .icon{color:#d2af7b}.mobile-menu{display:none}.chat-layout{display:grid;grid-template-columns:220px 1fr;height:calc(100dvh - 77px);min-height:500px}.chat-sidebar{border-right:1px solid var(--border);padding:20px 12px;overflow:auto;background:#131613}.chat-sidebar>.primary{width:100%;margin-bottom:18px}.chat-sidebar input{font-size:11px;margin-bottom:15px;background:transparent}.chat-list{display:grid;gap:4px}.chat-item{background:transparent;border-color:transparent;display:block;text-align:left;padding:10px 12px;width:100%;overflow:hidden}.chat-item.active{background:#222b1f;border-color:#3a4633}.chat-item strong{font-size:12px;font-weight:450;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.chat-workspace{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.chat-head{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center;min-height:69px}.chat-head h3{margin:0;font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{flex:1;overflow:auto;padding:30px max(24px,calc((100% - 800px)/2));scroll-behavior:smooth}.chat-empty{max-width:560px;margin:9vh auto 0;text-align:center}.chat-empty .brand-mark{margin:0 auto 25px;width:48px;height:48px;font-size:32px}.chat-empty h2{font-size:26px;font-weight:450;line-height:1.25}.chat-empty p{font-size:13px;line-height:1.8}.message{margin-bottom:30px;max-width:100%;font-size:13px;line-height:1.8}.message-top{display:flex;gap:8px;align-items:center;margin-bottom:10px;font-size:11px;color:var(--muted)}.message-top .avatar{width:24px;height:24px;font-size:9px}.message.user .bubble{background:#22291f;border:1px solid #35402e;border-radius:12px 12px 2px 12px;padding:14px 18px;white-space:pre-wrap}.message.error .bubble{border:1px solid #80504c;background:#35201f;padding:14px;border-radius:9px;color:#e5b4ae}.message .bubble{overflow-wrap:anywhere}.message p{color:var(--text);margin:0 0 12px}.message h1,.message h2,.message h3{font-size:17px;margin:18px 0 10px}.message pre{margin:14px 0;overflow:auto;border:1px solid #323b30;border-radius:9px;background:#0c100d;padding:18px;font-size:12px;line-height:1.65}.message code{font-family:ui-monospace,Consolas,monospace;color:#d2deb9}.message p code{background:#293025;padding:2px 5px;border-radius:4px}.message ul{padding-left:22px}.message li{margin-bottom:5px}.composer-wrap{padding:16px 24px 18px;border-top:1px solid #252d23;background:#121612}.composer{max-width:800px;margin:auto;border:1px solid #424e3a;background:#1b2118;border-radius:13px;padding:12px 14px}.composer textarea{padding:2px 0;min-height:60px;max-height:200px;resize:none;border:0;background:transparent;box-shadow:none;font-size:13px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-bottom .row{gap:8px}.composer-bottom .check{font-size:11px}.composer-note{text-align:center;font-size:9px;color:#6f7a6b;margin-top:9px}.attachment-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.attachment-chip{display:flex;gap:6px;align-items:center;background:#2b3527;border:1px solid #414d39;border-radius:6px;padding:4px 7px;font-size:10px}.attachment-chip button{padding:0;border:0;background:transparent;font-size:15px;color:var(--muted)}.typing{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;padding:12px 0}.spinner{width:15px;height:15px;border:2px solid #4d5945;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.studio-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.studio-form textarea{min-height:160px}.studio-form .primary{width:100%;margin-top:10px}.preview-stage{min-height:455px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:14px;padding:24px;background-color:#151a15;background-image:radial-gradient(#3d493533 1px,transparent 1px);background-size:18px 18px;position:relative;overflow:hidden}.preview-stage .stage-icon{width:65px;height:65px;background:#273221;border:1px solid #3c4d31;border-radius:18px;display:grid;place-items:center;color:var(--accent);margin-bottom:23px;transform:rotate(-6deg)}.stage-icon .icon{width:30px;height:30px}.preview-stage h2{font-size:21px;font-weight:450;text-align:center}.preview-stage p{font-size:12px;max-width:300px;text-align:center}.preview-stage>img{max-width:100%;max-height:570px;object-fit:contain;border-radius:7px;background-image:conic-gradient(#fff1 25%,transparent 0 50%,#fff1 0 75%,transparent 0);background-size:20px 20px}.preview-actions{display:flex;gap:8px;justify-content:center;margin-top:20px}.quick-prompts{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 18px}.quick-prompts button{font-size:10px;padding:5px 9px;border-radius:20px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.asset-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel)}.asset-preview{height:180px;display:flex;align-items:center;justify-content:center;background-color:#20281e;background-image:radial-gradient(#53664733 1px,transparent 1px);background-size:16px 16px;overflow:hidden}.asset-preview img{width:100%;height:100%;object-fit:cover;cursor:pointer}.asset-preview .icon{width:44px;height:44px;color:#a6bc99}.asset-body{padding:15px}.asset-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.asset-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;gap:8px}.asset-buttons{display:flex;gap:4px;margin-top:13px}.asset-buttons button{font-size:10px;padding:6px 8px}.tabs{display:flex;gap:7px;margin:0 0 22px;flex-wrap:wrap}.tabs button{font-size:12px;background:transparent;border-color:transparent;color:var(--muted)}.tabs button.active{background:#283322;border-color:#445539;color:var(--accent)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.member-card{padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--panel);min-height:215px}.member-card .avatar{width:42px;height:42px;font-size:15px;margin-bottom:20px}.member-card h3{margin:0 0 4px}.member-card p{font-size:12px}.member-card.vacant{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.member-card.vacant>.icon{width:28px;height:28px;margin-bottom:18px;color:var(--muted)}.usage-table{width:100%;border-collapse:collapse;font-size:12px}.usage-table th{text-align:left;font-weight:400;color:var(--muted);padding:12px;border-bottom:1px solid var(--border)}.usage-table td{padding:16px 12px;border-bottom:1px solid var(--border)}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{padding:48px 9%;background:radial-gradient(ellipse at 20% 80%,#35412766,transparent 70%),#181f16;border-right:1px solid #323d2b;position:relative;display:flex;flex-direction:column;overflow:hidden}.auth-story:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#98ae7606 1px,transparent 1px),linear-gradient(90deg,#98ae7606 1px,transparent 1px);background-size:32px 32px}.auth-story>.brand{position:relative;z-index:2}.auth-copy{margin:auto 0;position:relative;z-index:2;padding:50px 0}.auth-copy h1{font-size:clamp(34px,3.7vw,58px);line-height:1.08;font-weight:450;letter-spacing:-2px}.auth-copy h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.auth-copy p{max-width:360px;line-height:1.8;font-size:14px;color:#a7b59d}.auth-copy .eyebrow{color:#aabc96;margin-bottom:26px}.auth-footer{font-size:10px;color:#77876e;letter-spacing:1px}.auth-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px 30px}.auth-form{width:100%;max-width:350px}.auth-form h2{font-size:25px;font-weight:500;margin-bottom:8px}.auth-form>p{font-size:13px;line-height:1.7;margin-bottom:30px}.auth-form .primary{width:100%;margin-top:5px}.auth-form label{font-size:12px}.auth-form input{padding:12px;background:#171c16}.auth-form .footnote{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);font-size:11px;color:#778373;text-align:center}.form-error{font-size:12px;color:var(--danger);padding:10px 0;white-space:pre-wrap}.auth-illustration{max-width:370px;width:100%;margin-top:28px;opacity:.75}#toasts{position:fixed;bottom:25px;right:25px;display:grid;gap:10px;max-width:min(400px,calc(100vw - 40px));z-index:100}.toast{padding:14px 20px;background:#2b3a24;border:1px solid #546b43;color:#e1eed7;border-radius:10px;box-shadow:0 12px 40px #0006;font-size:13px}.toast.error{background:#3a2423;border-color:#7b514b;color:#f1cbc6}dialog{color:var(--text);background:#191e18;border:1px solid #424e39;border-radius:16px;padding:28px;width:min(500px,calc(100vw - 32px));box-shadow:0 24px 80px #0008}dialog::backdrop{background:#060a08bd;backdrop-filter:blur(5px)}dialog h2{font-size:21px;margin-bottom:12px}dialog .actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}dialog .invite-url{font:11px ui-monospace,monospace;word-break:break-all;background:#10150e;border:1px solid var(--border);padding:14px;border-radius:8px;color:var(--accent);user-select:all}dialog img{max-width:100%;max-height:65vh;object-fit:contain}dialog:has(.asset-full){width:min(1000px,calc(100vw - 32px))}.asset-full{text-align:center}.transcript{white-space:pre-wrap;background:#111610;border:1px solid var(--border);border-radius:10px;padding:20px;max-height:400px;overflow:auto;font-size:13px;line-height:1.8}.full-width{width:100%}.context-area{min-height:310px;font-size:13px;line-height:1.8}.status-line{font-size:12px;margin-top:12px;color:var(--accent)}.intro-number{font:12px ui-monospace,monospace;color:#73886a}.page-foot{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:18px;margin-top:32px;color:#66715f;font-size:9px;letter-spacing:.7px}.upload-area{border:1px dashed #47563d;border-radius:10px;padding:20px;text-align:center;margin:15px 0;background:#20291b}.upload-area p{font-size:11px;margin:8px 0 0}.search-field{max-width:250px;font-size:12px}.member-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-copy{font-size:10px;padding:4px 8px;margin-top:5px}.model-name{font-size:9px;color:#839078}.auth-story .mini-scene{width:100%;max-width:390px;margin-top:35px}.mobile-backdrop{display:none}
@media(min-width:1600px){.content{padding-top:40px}.hero{min-height:300px}.hero h1{font-size:44px}.preset-card{min-height:190px}.hero-copy{max-width:50%}}
@media(max-width:1150px){.shell{grid-template-columns:200px 1fr}.sidebar{padding-left:12px;padding-right:12px}.content{padding:26px}.topbar{padding:0 26px}.preset-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:31px}.hero{padding:28px}.studio-layout{grid-template-columns:290px 1fr}.library-grid{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:180px 1fr}.team-grid{grid-template-columns:1fr}.member-card{min-height:150px}.hero-copy{max-width:63%}.hero-art{right:-35px;opacity:.6}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:230px;transform:translateX(-100%);transition:transform .2s}.shell.menu-open .sidebar{transform:translateX(0)}.shell.menu-open .mobile-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:25}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 20px}.breadcrumbs{gap:9px}.top-actions{gap:10px}.top-actions .avatar-stack{display:none}.content{padding:24px 20px}.hero{padding:27px;min-height:260px}.hero-art{width:42%;right:-25px}.hero h1{font-size:33px}.hero-copy{max-width:73%}.hero p{max-width:260px}.metrics{gap:8px}.metric{gap:10px;padding:13px}.metric-icon{display:none}.metric strong{font-size:18px}.metric span{font-size:10px}.chat-layout{height:calc(100dvh - 65px);grid-template-columns:170px 1fr}.studio-layout{grid-template-columns:1fr}.studio-form{padding:20px}.studio-form textarea{min-height:110px}.preview-stage{min-height:300px}.grid2{grid-template-columns:1fr}.auth-page{grid-template-columns:1fr}.auth-story{min-height:290px;padding:26px 30px}.auth-copy{padding:32px 0 10px}.auth-copy h1{font-size:36px;letter-spacing:-1px}.auth-copy p{font-size:12px;max-width:390px;margin:12px 0}.auth-copy .eyebrow{display:none}.auth-story .mini-scene,.auth-footer{display:none}.auth-form-wrap{padding:35px 25px}.auth-form{max-width:400px}.page-head h1{font-size:26px}}
@media(max-width:560px){.preset-grid{gap:10px}.preset-card{padding:15px;min-height:175px}.preset-card .eyebrow{font-size:7px;letter-spacing:.3px}.preset-card .tile{width:28px;height:28px}.preset-card h3{font-size:12px}.preset-card p{font-size:10px}.hero h1{font-size:29px}.hero-copy{max-width:100%}.hero-art{width:60%;right:-55px;opacity:.25}.hero p{max-width:240px}.hero{padding:24px;min-height:270px}.page-head{gap:10px;flex-wrap:wrap}.page-head>.row{flex-wrap:wrap}.top-actions .pill{font-size:9px;padding:4px 7px}.breadcrumbs>span:first-of-type{display:none}.chat-layout{display:flex;flex-direction:column}.chat-sidebar{padding:10px 12px;max-height:112px;flex-shrink:0;border-right:0;border-bottom:1px solid var(--border)}.chat-sidebar>.primary{width:auto;margin:0 0 7px;padding:5px 10px;font-size:10px}.chat-sidebar input{display:none}.chat-list{display:flex;overflow:auto;gap:6px}.chat-item{max-width:180px;flex-shrink:0;padding:5px 9px;border-color:var(--border)}.chat-item strong{font-size:10px}.chat-item small{display:none}.chat-workspace{flex:1;min-height:0}.chat-head{padding:12px 15px;min-height:55px}.chat-head .small{font-size:10px;padding:5px 7px}.messages{padding:20px 16px}.composer-wrap{padding:10px 12px}.composer{padding:10px}.composer-bottom .check{font-size:10px}.composer-bottom .primary{font-size:11px;padding:7px 10px}.model-name{display:none}.chat-empty{margin:4vh auto 0}.chat-empty h2{font-size:22px}.library-grid{grid-template-columns:1fr 1fr;gap:10px}.asset-preview{height:125px}.asset-body{padding:10px}.asset-buttons{flex-wrap:wrap}.asset-meta{flex-wrap:wrap}.asset-name{font-size:11px}.panel{padding:18px}.section-title h2{font-size:16px}.section-title .eyebrow{display:none}.usage-table{font-size:10px}.usage-table td,.usage-table th{padding:10px 5px}.page-foot{font-size:8px}.notice{font-size:11px;flex-wrap:wrap}.notice .text{min-width:180px}.member-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Simple task-first workspace. */
.simple-shell .sidebar{background:#141714}.sidebar-create{width:100%;margin:0 0 24px}.simple-shell .sidebar .brand{padding-bottom:28px}.simple-shell .sidebar-footer{padding-top:18px}.simple-shell .profile{margin-top:14px}.simple-shell .topbar{height:70px}.simple-shell .content{max-width:1180px;padding:28px 38px 48px}.simple-shell .breadcrumbs span:last-child{font-size:14px;color:#d6ded2}.balance-link{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #36472e;background:#24311f;border-radius:9px;color:#c8edb7;font-size:12px;font-weight:550}.balance-link:hover{background:#32452a;text-decoration:none}.simple-home{max-width:780px;margin:45px auto 55px;text-align:center}.welcome-symbol{color:var(--accent);width:56px;height:56px;display:grid;place-items:center;background:#26341f;border-radius:17px;margin:0 auto 25px}.welcome-symbol .icon{width:28px;height:28px}.simple-home h1{font-size:38px;letter-spacing:-1.4px;font-weight:500;margin-bottom:13px}.simple-home>p{font-size:14px;margin-bottom:30px}.task-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.task-tabs button{padding:11px 17px;background:transparent;border-color:#333d2e;color:#a9b6a3;font-size:13px}.task-tabs button.active{background:#2a3c22;border-color:#74915f;color:#d2f1bf}.task-tabs .icon{width:18px;height:18px}.quick-composer{background:#1c2319;border:1px solid #4b6040;border-radius:17px;padding:22px;text-align:left;box-shadow:0 10px 60px #0002}.quick-composer:focus-within{border-color:#95b87e}.quick-composer textarea{padding:0;border:0;box-shadow:none;background:transparent;min-height:116px;resize:vertical;font-size:15px;line-height:1.7}.quick-composer textarea::placeholder{color:#74836b}.quick-bottom{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:14px}.quick-bottom span{color:#788b70;font-size:11px}.quick-bottom .primary{padding:11px 20px}.example-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:14px 0 30px}.example-buttons button{font-size:11px;color:#a1b195}.example-buttons button:hover{color:#dcf1cd}.simple-shortcuts{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.simple-shortcuts button{background:transparent;border:0;padding:7px 0;color:#a6b39b;font-size:12px}.simple-shortcuts .icon{width:17px;height:17px}.simple-recent{max-width:780px;margin:0 auto}.simple-recent .recent-row{border-radius:0;background:transparent;width:100%;text-align:left;justify-content:flex-start;border-width:0 0 1px;padding:16px 8px}.simple-recent .recent-row:hover{background:#1b2418}.simple-recent .text{flex:1}.simple-recent .recent-row time{margin-left:auto}.simple-recent .section-title h2{font-size:16px}.simple-shell .notice{max-width:900px;margin-left:auto;margin-right:auto}.simple-shell .page-head .eyebrow:empty{display:none}.simple-shell .chat-layout{height:calc(100dvh - 70px)}.art-types{display:flex;gap:8px;margin:0 0 24px}.art-types button{flex:1;padding:9px 10px;font-size:12px;background:transparent}.art-types button.active{border-color:#738c60;background:#2b3923;color:#d2edbe}.studio-form>.attachment-chips{margin-top:12px}.optional-settings{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.optional-settings summary{font-size:12px;color:#a9b89e;cursor:pointer;padding-bottom:12px}.optional-settings summary:hover{color:var(--accent)}.optional-settings>.field{margin-top:10px}.connection-card>.connection-icon{width:45px;height:45px;border:1px solid #405832;background:#293e20;color:#c0edaa;border-radius:13px;display:grid;place-items:center;margin-bottom:22px}.connection-card h2{font-size:22px}.connection-card>p,.balance-card>p,.team-help>p{font-size:13px;line-height:1.8}.connection-card #settings-form{margin-top:24px}.connection-features{display:grid;gap:10px;margin:22px 0}.connection-features>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#b9cba9}.connection-features .icon{width:16px;height:16px}.button-link{display:inline-flex;padding:11px 16px;border-radius:9px;font-size:13px;color:#1a2916!important;align-items:center;justify-content:center}.button-link:hover{text-decoration:none;background:#d0efc0}.balance-card .hint{margin-top:17px;font-size:11px}.account-details summary{cursor:pointer;color:#b9c7af;font-size:14px}.account-details[open]>summary{margin-bottom:22px}.team-help{margin-top:26px}.team-help p:last-child{margin-bottom:0}.simple-shell .page-head h1{font-size:29px}.simple-shell .chat-head .badge{font-size:10px}.simple-shell .chat-empty h2{font-size:28px}.simple-shell .model-name,.simple-shell .usage-table,.simple-shell .metrics{display:none}
@media(max-width:800px){.simple-shell .content{padding:24px 20px 40px}.simple-home{margin-top:30px}.simple-home h1{font-size:32px}.task-tabs{gap:7px}.task-tabs button{font-size:12px;padding:10px 12px}.simple-shortcuts{gap:16px}.balance-link{font-size:11px;padding:7px 10px}.simple-shell .topbar{height:65px}.simple-shell .chat-layout{height:calc(100dvh - 65px)}}
@media(max-width:560px){.simple-home{margin:24px auto 35px}.welcome-symbol{width:45px;height:45px;margin-bottom:20px}.simple-home h1{font-size:29px;letter-spacing:-.9px}.simple-home>p{font-size:12px;margin-bottom:24px}.task-tabs{gap:6px;display:grid;grid-template-columns:1fr 1fr 1fr}.task-tabs button{flex-direction:column;font-size:10px;padding:10px 6px;gap:7px}.quick-composer{padding:16px}.quick-composer textarea{font-size:14px;min-height:140px}.quick-bottom>span{display:none}.quick-bottom{justify-content:flex-end}.quick-bottom .primary{font-size:12px;padding:10px 17px}.example-buttons{gap:0;margin-bottom:23px}.example-buttons button{font-size:10px}.simple-shortcuts{gap:12px}.simple-shortcuts button{font-size:10px;flex-direction:column;gap:8px}.simple-recent .recent-row{padding:13px 5px}.simple-recent .recent-row strong{font-size:11px}.simple-recent .recent-row time{font-size:9px}.simple-shell .breadcrumbs>span:first-of-type{display:block}.simple-shell .page-head h1{font-size:25px}.balance-card{padding:22px}.connection-card h2{font-size:20px}}

/* Music generation */
.music-examples{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.music-player{display:block;width:100%;min-width:0;margin:12px 0;color-scheme:dark}.music-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:360px;text-align:center}.music-stage>.icon{width:52px;height:52px;color:var(--accent)}.music-stage>.music-player{max-width:520px}.music-stage .empty{max-width:440px}.asset-body .music-player{height:40px}