
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#1c1c1f;color:#eeeef0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100dvh}button,input,textarea{font:inherit}button,a.primary{cursor:pointer;border:1px solid #39393e;background:#28282d;color:#ededf1;border-radius:11px;padding:11px 15px;transition:background .16s,border-color .16s}button:hover{background:#333339;border-color:#505059}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #b9a4f4;outline-offset:3px}a{color:#d0bfff;text-decoration:none}
aside{width:258px;background:#151517;padding:24px 16px 15px;display:flex;flex-direction:column;gap:17px;border-right:1px solid #29292d;height:100dvh;position:fixed}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:700;color:#f4f1f8;padding:0 7px;margin-bottom:12px}.brand-mark{display:inline-grid;place-items:center;width:31px;height:31px;font-weight:800;color:#1a1426;background:#c1a9f3;border-radius:10px;font-size:20px}.brand-label{font-size:12px;color:#98949f;font-weight:500;margin-left:auto}.new-chat{display:flex;gap:10px;align-items:center;text-align:left;background:#252329;border-color:#343039}.new-chat small{margin-left:auto;font-size:10px;color:#98909f}input{min-width:0;padding:10px 12px;border:1px solid #2e2e33;background:#19191c;color:white;border-radius:9px;font-size:12px}nav{display:grid;gap:3px}nav button{text-align:left;border:0;background:transparent;font-size:13px;color:#c5c4ce;display:flex;gap:12px}nav button span{width:15px;text-align:center;color:#a5a1ae}.section-label{font-size:9px;letter-spacing:1.4px;color:#77727f;padding:7px 12px 0}#history{overflow:auto;flex:1}#history button{display:block;width:100%;text-align:left;background:transparent;border:0;font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#aaa6b1}footer{display:flex;align-items:center;gap:10px;border-top:1px solid #2a292e;padding:17px 3px 0;font-size:11px;color:#ccc8d3}footer small{display:block;font-size:10px;color:#827e8a;margin-top:4px}footer button{margin-left:auto;background:transparent;border:0;padding:8px}.account-avatar{height:33px;width:33px;border-radius:50%;display:grid;place-items:center;background:#332e40;color:#d7c2ff}
main{margin-left:258px;width:calc(100% - 258px);height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;min-height:76px}.header-left{display:flex;align-items:center;gap:12px}header strong{font-size:14px;font-weight:600}header small{display:block;color:#8f8999;margin-top:5px;font-size:11px}.model-dot{font-size:7px;color:#9bbaa5;margin-left:5px}#balance{font-size:11px;background:transparent;border-color:#353238}#menu{display:none}section{padding:28px;overflow:auto}#chat-view{display:flex;flex-direction:column;flex:1;min-height:0;max-width:920px;width:100%;margin:auto;padding:12px 35px}#messages{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#45404b transparent;padding:12px 4px}.welcome{max-width:720px;text-align:center;margin:clamp(15px,7vh,85px) auto 24px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#a395b4}h1{font-size:clamp(26px,3vw,39px);letter-spacing:-1.3px;font-weight:600;line-height:1.2;margin:19px 0 16px}p{color:#96909f;line-height:1.7;font-size:14px}.suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:35px}.suggestions button{text-align:left;padding:16px 12px;background:#232227;border-color:#343139;min-height:117px}.suggestion-icon{display:block;font-size:19px;color:#b7a7d0;height:31px}.suggestions strong{display:block;font-size:11px;font-weight:550;line-height:1.6}.suggestions small{display:block;font-size:9px;color:#8c8498;margin-top:5px;line-height:1.6}#composer{border:1px solid #47404e;background:#28262c;border-radius:20px;padding:17px 18px 12px;margin-top:14px;box-shadow:0 8px 35px #00000015}textarea{width:100%;resize:none;border:0;outline:none;background:transparent;color:#eeeaf2;max-height:180px;line-height:1.6;font-size:14px}textarea::placeholder{color:#8f869b}.composer-actions{display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:11px;color:#8c8298}.attach{cursor:pointer;color:#c8bfd3;font-size:22px;display:flex;align-items:center;gap:7px}.attach span{font-size:11px}#send{background:#c5b0eb;color:#261b37;border:0;font-weight:650;border-radius:12px;font-size:21px;padding:4px 12px;width:38px;height:36px}.composer-note{font-size:10px;text-align:center;margin:11px 0 4px;color:#77707f}#notice{color:#c7b293;font-size:12px;padding:0 30px;line-height:1.8}#notice:empty{display:none}.message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;margin:18px 0;padding:18px;border-radius:15px;font-size:14px}.message.user{background:#302c36;margin-left:12%}.message.assistant{margin-right:3%;padding-left:8px}.message small{display:block;margin-bottom:9px;color:#b8a5d1;font-size:11px;font-weight:600}.page-intro{margin:12px 0 25px}.page-intro h1{font-size:31px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0 28px}.cards article{padding:22px;background:#252329;border:1px solid #38333f;border-radius:14px}.cards strong{display:block;font-size:26px;font-weight:550;margin-top:15px}.cards small{color:#a49aaa;font-size:11px}.wallet-summary{border:1px solid #40384b;background:#2b2535;color:#d5c3e7;padding:16px;border-radius:12px;font-size:12px;line-height:1.8}.usage-panel{border:1px solid #39333f;border-radius:15px;padding:22px;background:#222025}h2{font-size:15px;font-weight:550;margin:0 0 8px}.muted,.pricing-note{font-size:11px;color:#8d8399}#chart{display:flex;align-items:end;gap:5px;height:160px;padding:15px 0;border-bottom:1px solid #38323e;overflow-x:auto}.bar{min-width:8px;max-width:45px;flex:1;background:#a58acb;border-radius:4px 4px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:15px 10px;border-bottom:1px solid #332d39}th{color:#9b8ca8;font-weight:500}.file-row{display:flex;align-items:center;gap:14px;padding:18px 10px;border-bottom:1px solid #35303b;font-size:13px}.file-row a{overflow-wrap:anywhere}.file-row small{margin-left:auto;white-space:nowrap;color:#92869e;font-size:10px}.toolbar{display:flex;gap:10px;margin-bottom:15px}.toolbar button{font-size:12px}.chip{display:inline-block;font-size:11px;padding:6px 10px;background:#3c3247;border-radius:8px;margin:3px}.primary{display:inline-flex;align-items:center;gap:45px;margin-top:20px;background:#c6afea!important;color:#23182f!important;border:0!important;font-size:13px;font-weight:650;padding:16px 22px!important}.login-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600}.login-welcome{margin-top:12vh}.login-welcome h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px}.login-note{display:block;margin-top:23px;font-size:10px;color:#8c7f99}body[data-view=login] aside,body[data-view=login] header,body[data-view=login] #notice{display:none}body[data-view=login] main{margin:0;width:100%;background:radial-gradient(ellipse at 65% 15%,#3e2d522e,transparent 65%)}[hidden]{display:none!important}
@media(max-width:1000px){.suggestions{grid-template-columns:repeat(2,1fr)}.suggestions button{min-height:96px}.welcome{margin-top:25px}.suggestion-icon{height:25px}}
@media(max-width:760px){aside{z-index:10;transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 60px #0004}aside.open{transform:translateX(0)}main{margin-left:0;width:100%}#menu{display:block;border:0;background:transparent;padding:9px}header{padding:12px 15px;gap:10px;min-height:67px}header strong{font-size:13px}#balance{font-size:10px;padding:8px 10px}section{padding:20px}#chat-view{padding:0 16px 10px}#messages{padding:3px 0}.welcome{margin:18px auto 10px}.welcome h1{font-size:25px;margin:16px 0 12px;letter-spacing:-.8px}.welcome p{font-size:12px;line-height:1.6}.eyebrow{font-size:8px;letter-spacing:1.5px}.suggestions{margin-top:22px;gap:8px}.suggestions button{min-height:86px;padding:11px}.suggestions small{font-size:9px;margin-top:2px}.suggestion-icon{font-size:16px;height:22px}#composer{padding:14px 14px 10px;margin-top:12px;border-radius:17px}textarea{font-size:14px}.composer-model{display:none}.composer-note{font-size:8px;margin-top:8px}.cards{grid-template-columns:repeat(2,1fr);gap:9px}.cards article{padding:16px}.cards strong{font-size:23px}.usage-panel{padding:14px}.wallet-summary{font-size:11px}.login-welcome{margin-top:12vh}.login-welcome h1{font-size:45px;letter-spacing:-1.5px}.login-brand{font-size:17px}.message{font-size:13px}.page-intro h1{font-size:28px}}
@media(max-height:650px){.welcome{margin-top:5px}.suggestions{margin-top:15px}.suggestions small{display:none}.suggestions button{min-height:65px}.welcome p{margin:8px 0}.composer-note{margin-bottom:0}}

.message.assistant{white-space:normal}.message.assistant p{color:#e5dfea;font-size:14px;margin:9px 0;white-space:pre-wrap}.message h3,.message h4{font-size:16px;margin:18px 0 10px}.message code{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:#332c3b;border-radius:4px;padding:2px 5px}.code-block{margin:15px 0;border:1px solid #403548;border-radius:12px;overflow:hidden;background:#151318}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 13px;background:#25202c;font-size:11px;color:#b4a6c1}.code-toolbar button{padding:4px 9px;border:0;background:transparent;font-size:10px}.code-block pre{overflow:auto;margin:0;padding:15px;line-height:1.7}.code-block code{background:none;padding:0;color:#d9c3f1}

.return-credits{font-size:11px;margin-top:12px;background:transparent;color:#b3a1c4}.file-row button{font-size:10px;padding:6px 9px}

#file-editor{width:min(900px,92vw);background:#24202a;border:1px solid #51435f;border-radius:17px;color:#e7ddef;padding:22px}#file-editor::backdrop{background:#0009}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.editor-heading button,#editor-save{font-size:12px}#file-editor p{font-size:12px}#editor-text{height:55vh;max-height:none;background:#17141b;padding:15px;border-radius:10px;font-family:ui-monospace,Consolas,monospace;font-size:12px;margin-bottom:15px}.project-card{display:flex;align-items:center;gap:15px;background:#292331;border:1px solid #403449;border-radius:11px;padding:15px;margin:10px 0;font-size:12px}.project-card strong{flex:1;overflow-wrap:anywhere}.project-card button{font-size:10px;padding:7px}.project-card a{font-size:11px}.file-row{flex-wrap:wrap}

.request-budget{position:relative;font-size:10px;color:#a596b1}.request-budget summary{cursor:pointer}.request-budget[open]{position:absolute;bottom:90px;background:#29212f;border:1px solid #54425f;border-radius:12px;padding:14px;box-shadow:0 8px 24px #0006;max-width:265px}.request-budget label{display:flex;align-items:center;gap:10px;margin-top:12px}.request-budget input{width:65px}.request-budget small{display:block;margin-top:9px;line-height:1.5}.file-download{display:inline-block;border:1px solid #5b436e;background:#34263f;border-radius:9px;padding:9px 13px;margin:5px 0;color:#e3caff}

.generation-options{display:flex;gap:10px;flex-wrap:wrap;padding:8px 14px;border-top:1px solid #34343b}.generation-options label{display:flex;flex-direction:column;gap:4px;color:#aaa;font-size:11px}.generation-options select,.generation-options input{background:#222226;color:#eee;border:1px solid #444;border-radius:7px;padding:6px;max-width:210px}.generation-options input{width:100px}.media-card{margin:18px 0;padding:16px;background:#232327;border:1px solid #39393f;border-radius:16px}.media-card small{color:#b5a0ff}.media-card img,.media-card video{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:10px;margin:12px 0}.media-card a{color:#b5a0ff}

.media-price{margin:2px 14px 5px;font-size:11px;color:#b9abc7}
