:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101116;--panel:#181a22;--soft:#222531;--line:#303442;--text:#f4f5f8;--muted:#a5a9b7;--accent:#8b6cff;--accent2:#a58cff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #aa96ff}.shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.side{background:#13151c;border-right:1px solid #242733;padding:24px 14px}.brand{letter-spacing:-.02em;padding:0 8px;font-size:20px;font-weight:800}.new,.primary{background:var(--accent);color:#fff;border:0;border-radius:12px;min-height:42px;padding:10px 14px;font-weight:700}.new{width:100%;margin:24px 0}.history{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 8px 8px;font-size:13px}.chatrow{align-items:center;display:flex}.chat{color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:10px 8px;overflow:hidden}.chat:hover,.chat.active{color:#fff;background:#202330}.icon{color:var(--text);background:0 0;border:0;border-radius:10px;min-width:40px;min-height:40px;font-size:22px}.icon:hover{background:var(--soft)}.delete{color:#b7adbc}.main{flex-direction:column;min-width:0;min-height:100vh;display:flex}.mobilebar{display:none}.feed{flex:1;width:min(900px,100%);margin:0 auto;padding:44px 32px 190px}.message{max-width:660px;margin:0 0 32px}.message.user{margin-left:auto}.role{color:var(--muted);margin-bottom:6px;font-size:13px}.bubble{white-space:pre-wrap}.user .bubble{background:#252938;border-radius:16px;padding:11px 14px}.picture{margin-top:12px}.picture img{border-radius:18px;max-width:min(780px,100%);max-height:78vh;display:block}.actions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.actions a,.actions button,.soft,.custom{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 9px;text-decoration:none}.actions a:hover,.actions button:hover,.soft:hover,.custom:hover{background:var(--soft);color:#fff}.composer{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181a22f5;border:1px solid #343847;border-radius:18px;width:min(720px,100% - 300px);padding:9px 10px;position:fixed;bottom:22px;left:calc(50% - 322px);box-shadow:0 14px 45px #0005}.composerTop{align-items:center;gap:4px;display:flex}.soft{font-size:14px}.write{align-items:flex-end;gap:8px;display:flex}.write textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;flex:1;min-height:48px;max-height:160px;padding:12px 8px}.send{width:42px;padding:0;font-size:20px}.source{color:var(--muted);padding:2px 8px 5px;font-size:13px}.error{color:#ffb4bc;padding:7px;font-size:14px}.error button{color:#fff;background:0 0;border:0;text-decoration:underline}.empty{text-align:center;max-width:520px;margin:17vh auto}.hero{color:var(--accent);font-size:42px}h1{letter-spacing:-.035em;margin:8px 0;font-size:30px}h2{margin:0 0 16px;font-size:20px}.empty p,.gate p{color:var(--muted)}.examples{gap:8px;margin-top:25px;display:grid}.examples button{color:#e8eaf1;background:#1b1e27;border:1px solid #292d3b;border-radius:12px;padding:11px 14px}.examples button:hover{border-color:#7160bb}.gate{max-width:380px;margin:19vh auto;padding:26px}.logo{font-size:20px;font-weight:800}.gate input{border:1px solid var(--line);color:#fff;background:#171a22;border-radius:11px;width:100%;margin:14px 0;padding:11px}.overlay{z-index:10;background:#08090ccc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.sheet,.viewer{background:#1a1c24;border:1px solid #333746;border-radius:20px;width:min(650px,100%);max-height:90vh;padding:22px;position:relative;overflow:auto}.close{color:#fff;background:0 0;border:0;font-size:27px;position:absolute;top:9px;right:10px}.stylegrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stylecard{color:#e9ebf1;text-align:left;background:#222530;border:1px solid #0000;border-radius:12px;padding:5px;font-size:13px}.stylecard:hover,.stylecard.chosen{border-color:#927cff}.thumb{aspect-ratio:1;background-image:url(/style-previews/robot-styles.png);background-size:400% 300%;border-radius:8px;margin-bottom:5px;display:block}.custom{color:#c5b7ff;margin-top:14px}.settingsheet{gap:12px;max-width:410px;display:grid}.settingsheet label{color:var(--muted);gap:5px;font-size:14px;display:grid}.settingsheet select,.settingsheet input{color:#fff;border:1px solid var(--line);background:#101218;border-radius:10px;padding:10px}.viewer{width:auto;padding:12px}.viewer img{border-radius:12px;max-width:min(900px,88vw);max-height:80vh;display:block}@media (max-width:700px){.shell{display:block}.side{z-index:12;width:270px;display:none;position:fixed;inset:0 auto 0 0}.side.shown{display:block}.mobilebar{background:#13151c;border-bottom:1px solid #222631;justify-content:space-between;align-items:center;height:58px;padding:0 10px;display:flex}.feed{padding:25px 16px 176px}.composer{width:calc(100% - 20px);bottom:10px;left:10px}.picture img{width:100%}.stylegrid{grid-template-columns:repeat(3,1fr)}.sheet{padding:18px}.empty{margin:12vh auto}.actions a,.actions button{padding:9px}.composerTop{overflow:auto}.soft{white-space:nowrap}}