@font-face{font-family:Inter;src:url('/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
@font-face{font-family:Fira Code;src:url('/fonts/FiraCode-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Fira Code;src:url('/fonts/FiraCode-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{
  --bg:#20242d;--bg2:#181b22;--panel:#0d0f13;--panel2:#141820;--panel3:#252a35;
  --border:#39404e;--border2:#2a303c;--fg:#e8edf4;--muted:#7f8a9b;--muted2:#586273;
  --red:#ff526a;--red2:#e23f57;--red3:#9b2336;--rose:#ff8a9a;--green:#34d399;--amber:#fbbf24;
  --shadow:0 18px 60px rgba(0,0,0,.36);--glow:0 0 30px rgba(255,82,106,.18);
  --rail:42px;--side:226px;--top:54px;--radius:12px;
}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:'Fira Code',monospace;overflow:hidden}
button,input,textarea,select{font:inherit}button{color:inherit}.hidden{display:none!important}
::selection{background:rgba(255,82,106,.28);color:#fff}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3c4452;border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#5c6678;background-clip:padding-box}
body::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0%,rgba(255,82,106,.06),transparent 26%),radial-gradient(circle at 20% 100%,rgba(136,22,51,.08),transparent 33%);z-index:0}
#ambient{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.65}
.app-shell{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:var(--rail) var(--side) 1fr;grid-template-rows:var(--top) 1fr;background:linear-gradient(115deg,rgba(255,255,255,.014),transparent 38%)}
.titlebar{grid-column:1/-1;display:flex;align-items:center;padding:0 14px 0 10px;border-bottom:1px solid rgba(255,255,255,.035);background:#242832;gap:10px;user-select:none}
.brand-mini{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:13px}.brand-mini svg{width:18px;color:var(--red);filter:drop-shadow(0 0 8px rgba(255,82,106,.34))}.titlebar-spacer{flex:1}.window-action{height:30px;min-width:32px;border:1px solid transparent;background:transparent;border-radius:7px;cursor:pointer;display:grid;place-items:center;color:#c8ced8;transition:.18s}.window-action:hover{border-color:var(--border);background:rgba(255,255,255,.04);color:#fff}.window-action.danger:hover{background:#d6455d;color:#fff;border-color:#d6455d}
.icon-rail{grid-row:2;grid-column:1;background:#0b0d10;border-right:1px solid #28303a;display:flex;flex-direction:column;align-items:center;padding:9px 0;gap:7px;z-index:5}.rail-btn{width:31px;height:31px;border:0;border-radius:7px;background:transparent;color:#3b83ce;display:grid;place-items:center;cursor:pointer;transition:.18s;position:relative}.rail-btn svg{width:15px;height:15px}.rail-btn:hover,.rail-btn.active{color:var(--red);background:rgba(255,82,106,.09);box-shadow:inset 0 0 0 1px rgba(255,82,106,.12)}.rail-btn.active::before{content:'';position:absolute;left:-1px;width:2px;height:18px;background:var(--red);border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--red)}.rail-spacer{flex:1}
.sidebar{grid-row:2;grid-column:2;background:rgba(9,11,14,.97);border-right:1px solid #303642;display:flex;flex-direction:column;overflow:hidden;z-index:4}.side-brand{height:52px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--red);letter-spacing:.2px;border-bottom:1px solid rgba(255,255,255,.025);text-shadow:0 0 14px rgba(255,82,106,.23)}
.side-scroll{padding:10px 8px;overflow:auto;flex:1}.nav-item{height:30px;border-radius:6px;display:flex;align-items:center;gap:9px;padding:0 10px;color:#86a5b7;font-size:11px;cursor:pointer;transition:.16s;border:1px solid transparent}.nav-item svg{width:13px;height:13px;flex:none;color:#1890ef}.nav-item:hover{background:rgba(255,82,106,.06);color:#e6edf5;border-color:rgba(255,82,106,.08);transform:translateX(2px)}.nav-item.active{background:linear-gradient(90deg,rgba(255,82,106,.13),rgba(255,82,106,.035));color:var(--red);border-color:rgba(255,82,106,.12);box-shadow:inset 2px 0 0 var(--red)}.nav-item.active svg{color:var(--red)}.section-label{font-size:9px;color:#5c9aa2;letter-spacing:.8px;text-transform:uppercase;margin:10px 10px 5px;display:flex;justify-content:space-between}.model-row{margin:6px 0 8px;padding:5px;border:1px solid #32414b;border-radius:7px;display:flex;gap:5px;background:#252a34}.model-row select{width:100%;min-width:0;background:#252a34;border:0;color:#90a9b6;font-size:10px;outline:none}.model-row button{border:1px solid #394c58;border-radius:5px;background:#202630;color:#90b9ca;font-size:10px;padding:0 8px;cursor:pointer}.model-row button:hover{color:var(--red);border-color:rgba(255,82,106,.4)}
.userbar{height:48px;padding:0 10px;display:flex;align-items:center;gap:8px;border-top:1px solid #262c35;color:#8ca6b2;font-size:10px}.avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#8c3a4d,#26131a 66%);color:#fff;border:1px solid rgba(255,82,106,.35);box-shadow:0 0 12px rgba(255,82,106,.12)}.userbar .gear{margin-left:auto;border:0;background:transparent;color:#6c8590;cursor:pointer}.userbar .gear:hover{color:var(--red)}
.main{grid-row:2;grid-column:3;min-width:0;position:relative;overflow:hidden;background:linear-gradient(145deg,#252a34 0%,#20242d 60%,#222630 100%)}.main::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 65%)}
.topbar{height:48px;position:absolute;left:0;right:0;top:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:0 16px}.topbar-title{color:#66a5b5;font-size:11px}.top-actions{position:absolute;right:14px;display:flex;gap:6px;align-items:center}.status-pill{height:27px;border:1px solid #253b35;background:#101a18;border-radius:8px;padding:0 9px;display:flex;align-items:center;gap:7px;font-size:8px;color:#89b5a9;text-transform:uppercase;letter-spacing:.5px}.status-dot{width:6px;height:6px;border-radius:50%;background:#20d878;box-shadow:0 0 9px #20d878}.top-icon{width:28px;height:28px;border-radius:7px;border:1px solid rgba(255,82,106,.13);background:#16191f;color:#e46275;cursor:pointer;display:grid;place-items:center;transition:.18s}.top-icon svg{width:13px}.top-icon:hover{background:rgba(255,82,106,.11);border-color:rgba(255,82,106,.35);transform:translateY(-1px);box-shadow:var(--glow)}
.view-host{position:absolute;inset:48px 0 0 0;overflow:auto;z-index:2;padding:28px 32px 38px}.view{display:none;min-height:100%;animation:viewIn .28s ease}.view.active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.chat-view{height:100%;min-height:590px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding-bottom:48px}.welcome{width:min(760px,90%);text-align:center;display:flex;flex-direction:column;align-items:center}.hero-logo{display:flex;align-items:center;gap:10px;color:#df7485;font:600 35px 'Fira Code';text-shadow:0 0 22px rgba(255,82,106,.16)}.hero-logo svg{width:28px;color:var(--red)}.welcome-copy{margin:10px 0 0;color:#607486;font-size:12px;line-height:1.55}.welcome-copy a{color:#1988d7;text-decoration:underline}.privacy-chip{margin-top:14px;border:1px solid #323b48;border-radius:999px;padding:7px 11px;color:#536172;font-size:9px}.quick-grid{margin-top:34px;width:min(620px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-btn{height:30px;background:linear-gradient(180deg,rgba(56,19,30,.65),rgba(29,18,23,.7));border:1px solid rgba(255,82,106,.17);border-radius:7px;color:#c78996;font-size:9px;cursor:pointer;transition:.18s;display:flex;align-items:center;justify-content:center;gap:7px}.quick-btn:hover{color:#fff;border-color:rgba(255,82,106,.45);background:rgba(255,82,106,.12);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 20px rgba(255,82,106,.08)}
.chat-thread{width:min(850px,92%);max-height:45vh;overflow:auto;margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.message{padding:12px 14px;border-radius:10px;max-width:88%;font-size:11px;line-height:1.55;white-space:pre-wrap;box-shadow:0 8px 24px rgba(0,0,0,.12)}.message.user{align-self:flex-end;background:linear-gradient(135deg,#56202f,#3b1823);border:1px solid rgba(255,82,106,.26);color:#f7d8df}.message.ai{align-self:flex-start;background:#151920;border:1px solid #303743;color:#bcc9d4}.message .meta{display:block;font-size:8px;opacity:.5;margin-bottom:5px;text-transform:uppercase;letter-spacing:.6px}.typing{display:inline-flex;gap:3px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--red);animation:bounce 1s infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-5px);opacity:1}}
.composer-wrap{width:min(760px,90%);position:relative}.composer{min-height:95px;border:1px solid #2d434a;background:#0b0d0f;border-radius:13px;box-shadow:0 12px 38px rgba(0,0,0,.32),0 0 28px rgba(255,82,106,.025);padding:12px 14px 34px;position:relative;transition:.18s}.composer:focus-within{border-color:rgba(255,82,106,.42);box-shadow:0 12px 38px rgba(0,0,0,.35),0 0 26px rgba(255,82,106,.09)}.composer textarea{width:100%;height:48px;resize:none;background:transparent;border:0;outline:0;color:#d6dde5;font-size:11px}.composer textarea::placeholder{color:#3f5964}.composer-tools{position:absolute;left:10px;right:10px;bottom:8px;display:flex;align-items:center;gap:5px}.mini-btn{height:23px;border:1px solid transparent;background:transparent;border-radius:5px;color:#59707a;cursor:pointer;font-size:9px}.mini-btn:hover{color:var(--red);background:rgba(255,82,106,.06)}.send-btn{margin-left:auto;height:24px;padding:0 11px;border-radius:6px;border:1px solid rgba(255,82,106,.32);background:rgba(255,82,106,.12);color:#ec8292;cursor:pointer;font-size:9px}.send-btn:hover{background:var(--red);color:#fff;box-shadow:0 0 18px rgba(255,82,106,.25)}
.page-head{max-width:1160px;margin:0 auto 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.page-title{font:600 24px Inter,sans-serif;margin:0;color:#edf1f7}.page-title span{color:var(--red)}.page-sub{font-size:10px;color:#758293;margin-top:6px;line-height:1.5}.actions{display:flex;gap:7px;flex-wrap:wrap}.btn{height:34px;padding:0 13px;border-radius:8px;border:1px solid #3a424f;background:#202630;color:#b8c1cd;font-size:10px;cursor:pointer;transition:.16s;display:inline-flex;align-items:center;gap:7px}.btn:hover{border-color:rgba(255,82,106,.42);color:#fff;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--red2),#b62d44);border-color:#ff637a;color:#fff;box-shadow:0 8px 22px rgba(214,53,78,.18)}.btn.primary:hover{filter:brightness(1.08);box-shadow:0 10px 30px rgba(255,82,106,.27)}.btn.danger{color:#ff7b8f;border-color:rgba(255,82,106,.32);background:rgba(255,82,106,.07)}
.grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}.card{background:linear-gradient(155deg,rgba(20,24,32,.96),rgba(13,15,19,.96));border:1px solid #303743;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.17);padding:15px;position:relative;overflow:hidden}.card::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,82,106,.035),transparent 35%)}.card h3{margin:0 0 10px;font:600 13px Inter,sans-serif;color:#d8dee7}.card p{font-size:10px;color:#788595;line-height:1.55}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.stat{padding:14px}.stat-value{font:600 24px Inter;color:#fff}.stat-label{font-size:9px;color:#7b8797;margin-top:4px}.stat-trend{font-size:8px;color:var(--green);margin-top:8px}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.field label{font-size:9px;color:#8c98a7}.input,.textarea,.select{width:100%;border:1px solid #353d49;background:#11141a;color:#d7dfe9;border-radius:7px;padding:9px 10px;font-size:10px;outline:none;transition:.15s}.input:focus,.textarea:focus,.select:focus{border-color:rgba(255,82,106,.5);box-shadow:0 0 0 3px rgba(255,82,106,.07)}.textarea{min-height:100px;resize:vertical}.toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar .input{max-width:280px}.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #343c48;background:#171b22;color:#8f9baa;border-radius:999px;padding:5px 9px;font-size:8px;cursor:pointer}.chip.active,.chip:hover{color:#fff;border-color:rgba(255,82,106,.36);background:rgba(255,82,106,.09)}
.list{display:flex;flex-direction:column;gap:8px}.list-row{border:1px solid #303743;background:#141820;border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:.16s}.list-row:hover{border-color:rgba(255,82,106,.28);transform:translateY(-1px)}.list-row .grow{flex:1;min-width:0}.list-title{font:500 11px Inter;color:#d6dde6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-sub{font-size:8px;color:#6f7a88;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-box{width:31px;height:31px;border-radius:8px;background:rgba(255,82,106,.08);border:1px solid rgba(255,82,106,.13);display:grid;place-items:center;color:var(--red)}.row-actions{display:flex;gap:4px}.row-btn{width:27px;height:27px;border:1px solid #303743;background:#171b22;border-radius:6px;color:#7f8b99;cursor:pointer}.row-btn:hover{color:var(--red);border-color:rgba(255,82,106,.35)}
.empty{min-height:180px;display:grid;place-items:center;text-align:center;color:#687483;font-size:10px}.empty svg{width:40px;color:#3a4655;margin-bottom:10px}.kbd{border:1px solid #3a424f;background:#11151a;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-size:8px;color:#9aa6b4}
.month{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday{font-size:8px;color:#6e7c8b;text-align:center;padding:5px}.day{min-height:78px;border:1px solid #2f3642;border-radius:8px;background:#12161c;padding:7px;cursor:pointer;transition:.14s}.day:hover{border-color:rgba(255,82,106,.35);background:#171b22}.day.muted{opacity:.35}.day.today{border-color:var(--red);box-shadow:inset 0 0 0 1px rgba(255,82,106,.22)}.day-num{font-size:9px;color:#94a1af}.event-dot{margin-top:5px;padding:3px 5px;border-radius:4px;background:rgba(255,82,106,.12);color:#e58694;font-size:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.note{min-height:150px;border:1px solid #343b47;border-radius:10px;background:linear-gradient(145deg,#171b23,#11151a);padding:12px;cursor:pointer;transition:.16s}.note:hover{transform:translateY(-3px);border-color:rgba(255,82,106,.32);box-shadow:0 12px 28px rgba(0,0,0,.2)}.note.pinned{border-top:2px solid var(--red)}.note-title{font:600 12px Inter;color:#d8dfe8;margin-bottom:8px}.note-body{font-size:9px;line-height:1.55;color:#7c8998;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.note-meta{font-size:7px;color:#556171;margin-top:14px;display:flex;justify-content:space-between}
.task-row.done .list-title{text-decoration:line-through;color:#65707d}.check{width:19px;height:19px;border:1px solid #46505e;border-radius:5px;background:#11151a;cursor:pointer;display:grid;place-items:center;color:transparent}.task-row.done .check{background:var(--red2);border-color:var(--red);color:#fff}
.compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-output{min-height:260px;white-space:pre-wrap;font-size:10px;line-height:1.6;color:#aeb8c4}.model-tag{display:inline-flex;padding:4px 7px;border-radius:5px;background:rgba(255,82,106,.09);color:#e57f8f;border:1px solid rgba(255,82,106,.16);font-size:8px}
.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.workflow{border:1px solid #303743;border-radius:10px;background:#141820;overflow:hidden;transition:.18s}.workflow:hover{transform:translateY(-3px);border-color:rgba(255,82,106,.35)}.workflow-preview{height:120px;background:#0d1015;overflow:hidden}.workflow-preview img,.workflow-preview video{width:100%;height:100%;object-fit:cover;opacity:.75}.workflow-body{padding:11px}.workflow-title{font:600 11px Inter}.workflow-desc{font-size:8px;color:#728090;line-height:1.5;margin:6px 0 10px}.progress{height:5px;border-radius:99px;background:#252b35;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red3),var(--red),var(--rose));transition:width .35s;box-shadow:0 0 10px rgba(255,82,106,.35)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.gallery-item{aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #303743;background:#11151a;position:relative;cursor:pointer}.gallery-item img,.gallery-item video{width:100%;height:100%;object-fit:cover;transition:.3s}.gallery-item:hover img,.gallery-item:hover video{transform:scale(1.04)}.gallery-item .caption{position:absolute;left:0;right:0;bottom:0;padding:20px 8px 7px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:8px}.gallery-item .delete{position:absolute;top:6px;right:6px;width:25px;height:25px;border-radius:7px;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;opacity:0}.gallery-item:hover .delete{opacity:1}
.email-layout{display:grid;grid-template-columns:250px 1fr;gap:12px}.mail-list{display:flex;flex-direction:column;gap:6px;max-height:560px;overflow:auto}.mail-item{padding:10px;border:1px solid #303743;border-radius:8px;background:#141820;cursor:pointer}.mail-item.unread{border-left:2px solid var(--red)}.mail-item.active{background:rgba(255,82,106,.08);border-color:rgba(255,82,106,.28)}.mail-subject{font:500 10px Inter}.mail-from,.mail-time{font-size:7px;color:#687483;margin-top:4px}.mail-reader{min-height:440px}.mail-body{font-family:Inter,sans-serif;font-size:12px;line-height:1.7;color:#aeb9c5;white-space:pre-wrap}
.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-card{height:120px;border-radius:10px;border:1px solid #353d49;cursor:pointer;padding:10px;position:relative;overflow:hidden;transition:.18s}.theme-card:hover{transform:translateY(-3px)}.theme-card.active::after{content:'✓';position:absolute;right:8px;top:8px;width:21px;height:21px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff}.theme-card .theme-name{position:absolute;bottom:9px;left:10px;font-size:9px}.swatches{display:flex;gap:4px}.swatches i{width:22px;height:22px;border-radius:6px;display:block}
.settings-grid{display:grid;grid-template-columns:210px 1fr;gap:12px}.settings-nav{display:flex;flex-direction:column;gap:5px}.settings-tab{padding:9px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#8190a0;text-align:left;cursor:pointer;font-size:9px}.settings-tab.active{background:rgba(255,82,106,.08);border-color:rgba(255,82,106,.16);color:var(--red)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #2b313b}.setting-name{font:500 10px Inter}.setting-desc{font-size:8px;color:#697685;margin-top:4px}.switch{width:36px;height:20px;border-radius:99px;background:#303744;border:1px solid #424a58;position:relative;cursor:pointer}.switch i{position:absolute;width:14px;height:14px;border-radius:50%;background:#8d98a6;left:2px;top:2px;transition:.18s}.switch.on{background:rgba(255,82,106,.25);border-color:rgba(255,82,106,.5)}.switch.on i{left:18px;background:var(--red);box-shadow:0 0 8px rgba(255,82,106,.4)}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,3,5,.74);backdrop-filter:blur(8px);z-index:80;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(610px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#181c24,#0f1217);border:1px solid #3a424e;border-radius:14px;box-shadow:0 30px 100px rgba(0,0,0,.58),0 0 45px rgba(255,82,106,.08);animation:modalIn .22s ease}.modal.large{width:min(900px,96vw)}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.modal-head{height:48px;padding:0 14px;display:flex;align-items:center;border-bottom:1px solid #2c333e}.modal-title{font:600 13px Inter}.modal-close{margin-left:auto;border:0;background:transparent;color:#778391;cursor:pointer;font-size:18px}.modal-close:hover{color:var(--red)}.modal-body{padding:15px}.modal-foot{padding:12px 15px;border-top:1px solid #2c333e;display:flex;justify-content:flex-end;gap:8px}
.command{width:min(660px,96vw);align-self:flex-start;margin-top:10vh}.command-input{width:100%;height:52px;border:0;border-bottom:1px solid #333a46;background:transparent;color:#eef2f7;padding:0 15px;outline:0;font-size:12px}.command-results{padding:8px;max-height:430px;overflow:auto}.command-row{height:42px;padding:0 10px;border-radius:7px;display:flex;align-items:center;gap:9px;color:#94a1af;font-size:10px;cursor:pointer}.command-row:hover,.command-row.active{background:rgba(255,82,106,.08);color:#fff}.command-row .shortcut{margin-left:auto}
.toast-stack{position:fixed;right:16px;bottom:16px;z-index:110;display:flex;flex-direction:column;gap:8px}.toast{width:300px;border:1px solid #3a424f;background:#11151a;border-radius:10px;padding:11px 12px;box-shadow:0 16px 40px rgba(0,0,0,.4);display:flex;gap:9px;align-items:flex-start;animation:toastIn .25s ease}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.info{border-left:3px solid #3b9cf0}@keyframes toastIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}.toast-title{font:600 10px Inter}.toast-msg{font-size:8px;color:#768291;margin-top:3px;line-height:1.4}
.login-screen{position:fixed;inset:0;z-index:200;background:#08090c;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-screen.hidden{display:none}.login-bg{position:absolute;inset:0}.login-bg video{width:100%;height:100%;object-fit:cover;opacity:.24;filter:saturate(.85) hue-rotate(320deg) contrast(1.1)}.login-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,68,96,.12),transparent 30%),linear-gradient(120deg,rgba(8,9,12,.88),rgba(19,7,12,.78))}.login-card{position:relative;width:min(430px,92vw);padding:28px;background:rgba(11,13,17,.78);border:1px solid rgba(255,82,106,.23);border-radius:18px;backdrop-filter:blur(20px);box-shadow:0 28px 100px rgba(0,0,0,.65),0 0 55px rgba(255,82,106,.08)}.login-brand{display:flex;align-items:center;gap:11px;color:var(--red);font:700 24px Inter}.login-brand svg{width:28px;filter:drop-shadow(0 0 12px rgba(255,82,106,.35))}.login-kicker{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;color:#815563;margin-top:6px}.login-card h1{font:600 20px Inter;margin:26px 0 7px}.login-card .sub{font-size:9px;color:#778392;line-height:1.5;margin-bottom:18px}.password-wrap{position:relative}.password-wrap .input{padding-right:38px}.eye{position:absolute;right:5px;top:5px;width:31px;height:31px;border:0;background:transparent;color:#6f7b89;cursor:pointer}.login-submit{width:100%;height:40px;border-radius:9px;border:1px solid #ff6a80;background:linear-gradient(135deg,#f04c65,#aa2439);color:#fff;font-weight:600;cursor:pointer;margin-top:5px;box-shadow:0 10px 28px rgba(211,49,75,.22);transition:.18s}.login-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.login-demo{margin-top:13px;border:1px solid #2f3540;background:#111419;border-radius:9px;padding:9px 10px;font-size:8px;color:#687483;display:flex;justify-content:space-between}.login-error{height:18px;color:#ff7488;font-size:8px;margin-top:6px}.remember{display:flex;align-items:center;gap:7px;color:#6f7b8a;font-size:8px;margin:4px 0 8px}.remember input{accent-color:var(--red)}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.18);transform:scale(0);animation:ripple .5s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}
.mobile-toggle{display:none}
@media(max-width:1000px){:root{--side:200px}.quick-grid{grid-template-columns:repeat(2,1fr)}.span-8,.span-7,.span-6,.span-5,.span-4,.span-3{grid-column:span 12}.note-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.workflow-grid{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--side:220px}.app-shell{grid-template-columns:var(--rail) 1fr}.sidebar{position:fixed;left:var(--rail);top:var(--top);bottom:0;width:var(--side);transform:translateX(-110%);transition:.22s;box-shadow:20px 0 60px rgba(0,0,0,.5)}.sidebar.open{transform:none}.main{grid-column:2}.mobile-toggle{display:grid}.topbar-title{display:none}.view-host{padding:20px 14px 26px}.page-head{flex-direction:column}.note-grid,.gallery-grid,.workflow-grid,.compare-columns,.email-layout,.settings-grid{grid-template-columns:1fr}.month{min-width:670px}.card.calendar-card{overflow:auto}.quick-grid{grid-template-columns:repeat(2,1fr)}.composer-wrap,.chat-thread{width:96%}.hero-logo{font-size:28px}.top-actions .status-pill{display:none}}
@media(max-width:480px){.quick-grid{grid-template-columns:1fr 1fr}.note-grid,.gallery-grid,.theme-grid{grid-template-columns:1fr}.view-host{padding-left:10px;padding-right:10px}.top-actions{right:7px}.top-icon{width:26px;height:26px}.login-card{padding:21px}.toast-stack{left:10px;right:10px}.toast{width:auto}}

.gallery-item{cursor:pointer}.gallery-item:focus-visible{outline:2px solid var(--red);outline-offset:3px}.gallery-item:hover img{transform:scale(1.035);filter:saturate(1.08)}.gallery-item img{transition:transform .28s ease,filter .28s ease}

/* 2026 compact interface guard: keep inline SVGs and welcome tools from covering content. */
svg{flex-shrink:0}
button svg,.btn svg,.chip svg,.mini-btn svg,.send-btn svg,.row-btn svg,.model-row button svg,.window-action svg,.gear svg{width:14px;height:14px;max-width:14px;max-height:14px;display:block}
.icon-box svg{width:15px;height:15px;max-width:15px;max-height:15px;display:block}
.privacy-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;margin-top:9px;padding:5px 9px;line-height:1.2}
.privacy-chip svg{width:13px;height:13px;max-width:13px;max-height:13px;display:block}
.quick-grid{margin-top:15px;width:min(560px,100%);gap:6px}
.quick-btn{height:30px;min-width:0;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.quick-btn svg{width:13px;height:13px;max-width:13px;max-height:13px;display:block;flex:0 0 13px}
.chat-view{min-height:0;justify-content:flex-start;gap:10px;padding:18px 0 16px}
.welcome{width:min(720px,92%);flex:0 0 auto}
.hero-logo{font-size:30px;gap:8px}
.hero-logo svg{width:24px;height:24px;max-width:24px;max-height:24px}
.welcome-copy{margin-top:7px;font-size:10px;line-height:1.45}
.chat-thread{width:min(820px,92%);max-height:none;min-height:0;flex:1 1 auto;margin:0;padding:0 2px;overscroll-behavior:contain}
.composer-wrap{width:min(760px,92%);flex:0 0 auto;margin-top:2px}
.composer{min-height:84px;padding:10px 12px 31px}
.composer textarea{height:40px;max-height:120px;font-size:10px}
.composer-tools{left:8px;right:8px;bottom:6px}
.empty svg{width:32px;height:32px;max-width:32px;max-height:32px}
.workflow-preview{height:104px}
.theme-card{height:108px}

@media(max-height:760px){
  .chat-view{gap:7px;padding:10px 0 10px}
  .hero-logo{font-size:25px}
  .hero-logo svg{width:20px;height:20px;max-width:20px;max-height:20px}
  .welcome-copy{margin-top:4px;font-size:9px;line-height:1.35}
  .privacy-chip{margin-top:6px;padding:4px 8px;font-size:8px}
  .quick-grid{margin-top:9px}
  .quick-btn{height:27px;font-size:8px}
  .composer{min-height:78px}
  .composer textarea{height:34px}
}

@media(max-width:760px){
  .chat-view{gap:8px;padding:12px 0 10px}
  .welcome{width:96%}
  .hero-logo{font-size:24px}
  .hero-logo svg{width:20px;height:20px;max-width:20px;max-height:20px}
  .welcome-copy{font-size:9px}
  .quick-grid{width:100%;margin-top:10px;gap:5px}
  .quick-btn{height:31px;padding:0 7px;font-size:8px;gap:5px}
  .quick-btn svg{width:12px;height:12px;max-width:12px;max-height:12px;flex-basis:12px}
  .composer-wrap,.chat-thread{width:96%}
  .composer{min-height:78px;border-radius:11px}
  .composer textarea{height:34px}
  .mini-btn{font-size:8px;padding:0 5px}
}

@media(max-width:420px){
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-btn{height:30px}
  .privacy-chip{font-size:7.5px}
  .composer-tools{gap:2px}
  .mini-btn{padding:0 3px}
  #voice-btn{display:none}
}