:root{--porcelain:#f3f4f1;--paper:#fff;--ink:#1c2321;--ink-2:#4a5551;--ink-3:#7a8580;--line:#dce0da;--line-strong:#c5cbc4;--signal:#0e7c66;--signal-ink:#fff;--signal-wash:#e3f1ec;--signal-deep:#0a5c4c;--amber:#a9670f;--amber-wash:#fbf0dc;--danger:#b42318;--danger-wash:#fdecea;--ig:#b8327f;--wa:#1f8a70;--sim:#5b5bd6;--radius-s:6px;--radius-m:10px;--radius-l:16px;--bubble:14px;--font:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:12px;--fs-s:13px;--fs-m:15px;--fs-l:18px;--fs-xl:24px;--rail-w:72px;--list-w:340px;--panel-w:300px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--porcelain:#121614;--paper:#1a1f1d;--ink:#e8ecea;--ink-2:#b3bcb8;--ink-3:#85908b;--line:#2a322f;--line-strong:#3a4440;--signal:#3fb89c;--signal-ink:#0b1513;--signal-wash:#173a32;--signal-deep:#7fd6c0;--amber:#e3a94a;--amber-wash:#3a2c12;--danger:#f2877c;--danger-wash:#3b1a17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--porcelain);color:var(--ink);font-family:var(--font);font-size:var(--fs-m);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{border-radius:var(--radius-m);border:1px solid var(--line-strong);background:var(--paper);height:38px;font-weight:500;font-size:var(--fs-s);color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--signal);border-color:var(--signal);color:var(--signal-ink)}.btn-primary:hover{background:var(--signal-deep);border-color:var(--signal-deep)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--porcelain);border-color:#0000}.btn-danger{color:var(--danger)}.icon-btn{border-radius:var(--radius-m);width:36px;height:36px;color:var(--ink-2);background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--porcelain);color:var(--ink)}.field{gap:6px;display:grid}.field label{font-size:var(--fs-s);color:var(--ink-2);font-weight:500}.input{border-radius:var(--radius-m);border:1px solid var(--line-strong);background:var(--paper);width:100%;height:42px;padding:0 12px}.input:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash);outline:none}.notice{border-radius:var(--radius-m);font-size:var(--fs-s);padding:10px 12px}.notice-danger{background:var(--danger-wash);color:var(--danger)}.notice-amber{background:var(--amber-wash);color:var(--amber)}.muted{color:var(--ink-3)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chip{height:22px;font-size:var(--fs-xs);background:var(--porcelain);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}.chip-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip-ok{color:var(--signal);background:var(--signal-wash)}.chip-warn{color:var(--amber);background:var(--amber-wash)}.chip-bad{color:var(--danger);background:var(--danger-wash)}.channel-mark{color:#fff;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.channel-mark.instagramDirect{background:var(--ig)}.channel-mark.whatsApp{background:var(--wa)}.channel-mark.simulator{background:var(--sim)}.avatar{background:var(--signal-wash);width:40px;height:40px;color:var(--signal-deep);font-weight:600;font-size:var(--fs-s);border-radius:50%;flex:none;place-items:center;display:grid}.empty{text-align:center;height:100%;color:var(--ink-3);align-content:center;place-items:center;gap:10px;padding:32px;display:grid}.empty h2{color:var(--ink);font-size:var(--fs-l);margin:0;font-weight:600}.empty p{max-width:42ch;margin:0}.login-page{--login-a:#14b8a6;--login-b:#8b5cf6;color:#f3f4f6;place-items:center;min-height:100%;padding:32px 16px;display:grid;position:relative;overflow:hidden}.login-bg{pointer-events:none;background:linear-gradient(#080a0f 0%,#111827 100%);position:fixed;inset:0}.login-glow{filter:blur(64px);border-radius:50%;position:absolute}.login-glow-1{background:#14b8a624;width:320px;height:320px;top:-96px;left:-80px}.login-glow-2{background:#8b5cf61f;width:384px;height:384px;bottom:-60px;right:-40px}.login-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.login-container{z-index:1;width:min(400px,100%);position:relative}.login-logo{text-align:center;margin-bottom:32px}.login-logo-icon{color:#5eead4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#14b8a629;border:1px solid #14b8a638;border-radius:22px;margin-bottom:16px;padding:16px;display:inline-flex;box-shadow:0 24px 60px #14b8a62e}.login-logo h1{letter-spacing:-.02em;color:#f9fafb;margin:0;font-size:28px;font-weight:700}.login-logo p{letter-spacing:.18em;text-transform:uppercase;color:#9ca3af;margin:8px 0 0;font-size:13px}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111827eb;border:1px solid #1f2937;border-radius:18px;gap:18px;padding:28px;display:grid;box-shadow:0 28px 80px #02081766}.login-header{text-align:center}.login-header h2{color:#f3f4f6;margin:0;font-size:24px;font-weight:700}.login-header p{color:#9ca3af;margin:8px 0 0;font-size:14px}.login-error{color:#fca5a5;background:#7f1d1d47;border:1px solid #f871714d;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.login-form{gap:16px;display:grid}.login-field label{color:#9ca3af;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.login-input{align-items:center;display:flex;position:relative}.login-input>svg{color:#6b7280;pointer-events:none;position:absolute;left:12px}.login-input input{color:#e5e7eb;background:#1f2937e6;border:1px solid #374151;border-radius:12px;outline:none;width:100%;height:44px;padding:0 40px;font-size:14px;transition:border-color .16s,box-shadow .16s}.login-input input::placeholder{color:#6b7280}.login-input input:focus{border-color:var(--login-a);box-shadow:0 0 0 1px var(--login-a)}.login-eye{color:#6b7280;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;right:8px}.login-eye:hover{color:#d1d5db}.login-submit{color:#fff;background:linear-gradient(90deg, var(--login-a), var(--login-b));border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;font-size:14px;font-weight:600;transition:filter .16s,transform .16s;display:flex;box-shadow:0 16px 36px #14b8a638}.login-submit:hover:not(:disabled){filter:brightness(1.08)}.login-submit:hover:not(:disabled) .login-arrow{transform:translate(3px)}.login-arrow{transition:transform .16s}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-powered{text-align:center;color:#6b7280;margin:0;font-size:11px}.login-powered a{color:#5eead4;font-weight:600;text-decoration:none}.login-powered a:hover{color:#99f6e4}@media (prefers-color-scheme:light){.login-page{color:#0f172a}.login-bg{background:radial-gradient(circle at 0 0,#14b8a624,#0000 28%),radial-gradient(circle at 100% 100%,#8b5cf61a,#0000 24%),linear-gradient(#eef2f7 0%,#e2e8f0 100%)}.login-grid{background-image:linear-gradient(#33415514 1px,#0000 1px),linear-gradient(90deg,#33415514 1px,#0000 1px)}.login-logo-icon{color:#0d9488;background:#ffffffbf;border-color:#14b8a633}.login-logo h1{color:#0f172a}.login-logo p,.login-header p,.login-field label{color:#475569}.login-card{background:#ffffffeb;border-color:#cbd5e1;box-shadow:0 28px 80px #0208171f}.login-header h2{color:#0f172a}.login-input input{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.login-input input::placeholder,.login-input>svg,.login-eye{color:#64748b}.login-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.login-powered{color:#64748b}.login-powered a{color:#0f766e}}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}}.page{align-content:start;gap:20px;max-width:920px;height:100%;padding:24px clamp(16px,4vw,40px) 48px;display:grid;overflow-y:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-head h1{font-size:var(--fs-xl);letter-spacing:-.01em;margin:0;font-weight:600}.page-head p{margin:4px 0 0}.channel-list,.candidate-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.channel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);align-items:flex-start;gap:14px;padding:16px;display:flex}.channel .channel-mark{border-radius:8px;width:28px;height:28px}.channel-main{flex:1;gap:4px;min-width:0;display:grid}.channel-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.channel-main>.muted{font-size:var(--fs-s);overflow-wrap:anywhere}.health{font-size:var(--fs-xs);flex-wrap:wrap;gap:14px;margin:6px 0 0;padding:0;list-style:none;display:flex}.health li:before{content:"";vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.health .ok{color:var(--signal)}.health .ok:before{background:var(--signal)}.health .wait{color:var(--ink-3)}.health .wait:before{border:1.5px solid var(--ink-3);width:4px;height:4px}.channel-error{font-size:var(--fs-xs);color:var(--danger);margin:4px 0 0}.channel-empty{padding:12px 4px}.connect{border-top:1px solid var(--line);gap:8px;padding-top:8px;display:grid}.connect h2{font-size:var(--fs-l);margin:12px 0 0;font-weight:600}.connect p{max-width:70ch;font-size:var(--fs-s);margin:0}.candidate{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);align-items:center;gap:12px;padding:12px 14px;display:flex}.candidate>span:nth-child(2){flex:1;font-weight:500}.sim-start{grid-template-columns:160px 1fr auto;align-items:center;gap:8px;margin-top:10px;display:grid}.sim-start .hint,.sim-start .channel-error{grid-column:1/-1}@media (width<=760px){.sim-start{grid-template-columns:1fr}}.wa-connect{background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius-l);grid-template-columns:1fr 1fr;gap:10px 12px;max-width:640px;margin-top:6px;padding:16px;display:grid}.wa-connect>strong,.wa-connect .wide{grid-column:1/-1}.wa-connect label{font-size:var(--fs-xs);color:var(--ink-2);gap:4px;display:grid}.wa-connect .btn{justify-self:start}@media (width<=760px){.wa-connect{grid-template-columns:1fr}}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-actions .input{width:auto;height:38px}.template-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.template{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);gap:6px;padding:14px 16px;display:grid}.template-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.template-top .muted{font-size:var(--fs-s)}.template-top .chip{margin-left:auto}.template-body{white-space:pre-wrap;font-size:var(--fs-s);color:var(--ink-2);max-width:70ch;margin:0}.template-meta{font-size:var(--fs-xs);margin:0}.template-form{gap:14px;max-width:640px;display:grid}.template-textarea{resize:vertical;height:auto;padding:10px 12px}.row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hint{font-size:var(--fs-xs)}@media (width<=600px){.row-2{grid-template-columns:1fr}}.qr-actions{gap:4px;margin-left:auto;display:flex}.inbox{grid-template-columns:var(--list-w) minmax(0, 1fr);height:100%;display:grid}.inbox.has-selection.panel-open{grid-template-columns:var(--list-w) minmax(0, 1fr) var(--panel-w)}.list{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.list-head{justify-content:space-between;align-items:center;padding:18px 16px 10px;display:flex}.list-head h1{font-size:var(--fs-l);letter-spacing:-.01em;margin:0;font-weight:600}.tabs{border-bottom:1px solid var(--line);gap:4px;padding:0 12px 10px;display:flex;overflow-x:auto}.tab{font-size:var(--fs-s);color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:6px 10px}.tab:hover{background:var(--porcelain)}.tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.list-body{flex:1;overflow-y:auto}.list-note{justify-content:space-between;align-items:center;gap:8px;margin:10px 12px;display:flex}.list-empty{height:auto;padding:48px 24px}.list-more{border-radius:0;width:100%}.rows{margin:0;padding:4px 0;list-style:none}.row{text-align:left;background:0 0;border:0;border-left:3px solid #0000;gap:12px;width:100%;padding:10px 16px;display:flex}.row:hover{background:var(--porcelain)}.row.is-selected{background:var(--signal-wash);border-left-color:var(--signal)}.row-main{flex:1;gap:3px;min-width:0;display:grid}.row-top,.row-bottom{align-items:center;gap:6px;min-width:0;display:flex}.row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.row.is-unread .row-name{font-weight:700}.row-time{font-size:var(--fs-xs);color:var(--ink-3);flex:none}.row.is-unread .row-time{color:var(--signal);font-weight:600}.row-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-s);color:var(--ink-3);flex:1;overflow:hidden}.row.is-unread .row-preview{color:var(--ink-2)}.badge{background:var(--signal);min-width:20px;height:20px;color:var(--signal-ink);border-radius:999px;flex:none;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:grid}.thread{background:var(--porcelain);flex-direction:column;min-width:0;min-height:0;display:flex}.thread-placeholder{background:var(--porcelain)}.thread-head{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.thread-back{display:none}.thread-title{flex:1;min-width:0;display:grid}.thread-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thread-title span{font-size:var(--fs-s);align-items:center;gap:6px;display:flex}.thread-actions{align-items:center;gap:4px;display:flex}.messages{flex-direction:column;flex:1;gap:4px;padding:16px clamp(12px,4vw,48px) 8px;display:flex;overflow-y:auto}.older{align-self:center;margin-bottom:8px}.center{text-align:center}.day{justify-content:center;margin:14px 0 8px;display:flex}.day span{font-size:var(--fs-xs);color:var(--ink-3);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:3px 10px}.bubble{border-radius:var(--bubble);background:var(--paper);border:1px solid var(--line);gap:4px;max-width:min(560px,78%);padding:8px 12px 6px;display:grid}.bubble.in{border-bottom-left-radius:4px;align-self:flex-start}.bubble.out{background:var(--signal-wash);border-color:#0000;border-bottom-right-radius:4px;align-self:flex-end}.bubble.is-failed{border:1px solid var(--danger)}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble-template{font-size:var(--fs-s);color:var(--ink-2);margin:0}.bubble-meta{color:var(--ink-3);justify-content:flex-end;align-items:center;gap:6px;font-size:11px;display:flex}.bubble-problem{font-size:var(--fs-xs);color:var(--danger);max-width:48ch;margin:2px 0 0}.status{place-items:center;display:inline-grid}.status .read{color:var(--signal)}.status-failed{color:var(--danger)}.status-outcomeUnknown{color:var(--amber)}.attachment{border-radius:10px;max-width:320px;display:block;overflow:hidden}.attachment img,.attachment video{object-fit:cover;width:100%;height:auto;max-height:360px;display:block}.attachment-pending{background:var(--porcelain);width:220px;height:140px;font-size:var(--fs-xs);color:var(--ink-3);place-items:center;display:grid}.attachment-problem,.attachment-file{background:var(--porcelain);font-size:var(--fs-s);color:var(--ink-2);align-items:center;gap:8px;padding:10px 12px;display:flex}.composer{background:var(--paper);border-top:1px solid var(--line);gap:8px;padding:10px 16px 14px;display:grid;position:relative}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer-input{resize:none;field-sizing:content;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--paper);flex:1;min-height:42px;max-height:160px;padding:10px 12px}.composer-input:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-wash);outline:none}.composer-send{height:42px}.composer-template-only{font-size:var(--fs-s);color:var(--ink-2);justify-content:space-between;align-items:center}.composer-hint{font-size:var(--fs-xs);margin:0}.composer-hint.danger{color:var(--danger)}.window{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.window-track{background:var(--porcelain);border-radius:999px;height:6px;overflow:hidden}.window-fill{transform-origin:0;border-radius:inherit;background:linear-gradient(90deg, var(--signal-deep), var(--signal));width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.window-label{font-size:var(--fs-xs);color:var(--signal);font-weight:600}.window-low .window-fill{background:var(--amber)}.window-low .window-label{color:var(--amber)}.window-closed .window-track{background:repeating-linear-gradient(90deg, var(--line-strong) 0 6px, transparent 6px 10px)}.window-closed .window-label{color:var(--ink-3)}.picker{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-l);gap:10px;max-height:60vh;padding:14px;display:grid;position:absolute;bottom:calc(100% + 8px);left:16px;right:16px;overflow-y:auto;box-shadow:0 12px 32px #1c232124}.picker-head{justify-content:space-between;align-items:center;display:flex}.picker-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.picker-item{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-m);gap:4px;width:100%;padding:10px 12px;display:grid}.picker-item.is-selected{border-color:var(--signal);background:var(--signal-wash)}.picker-body{font-size:var(--fs-s);color:var(--ink-2);white-space:pre-wrap}.picker-form{gap:10px;display:grid}.panel{background:var(--paper);border-left:1px solid var(--line);overflow-y:auto}.panel-block{border-bottom:1px solid var(--line);gap:10px;padding:18px 16px;display:grid}.panel-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel h2{font-size:var(--fs-l);margin:0;font-weight:600}.panel h3{font-size:var(--fs-s);color:var(--ink-2);margin:0;font-weight:600}.facts{font-size:var(--fs-s);grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.facts dt{color:var(--ink-3)}.facts dd{overflow-wrap:anywhere;margin:0}.mono-ish{font-variant-numeric:tabular-nums;letter-spacing:.01em}.sim{background:color-mix(in srgb, var(--sim) 6%, var(--paper))}.sim p{font-size:var(--fs-xs);margin:0}.sim-input{resize:vertical;height:auto;padding:8px 12px}.sim-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1180px){.inbox.has-selection.panel-open{grid-template-columns:var(--list-w) minmax(0, 1fr)}.inbox.panel-open .panel{width:min(var(--panel-w), 90vw);z-index:5;position:fixed;top:44px;bottom:0;right:0;box-shadow:-12px 0 32px #1c23211f}}@media (width<=760px){.inbox,.inbox.has-selection.panel-open{grid-template-columns:1fr}.inbox.has-selection .list,.inbox:not(.has-selection) .thread{display:none}.thread-back{display:inline-grid}.inbox.panel-open .panel{top:44px;bottom:60px}.bubble{max-width:88%}}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.note{font-size:var(--fs-s);color:var(--ink-2);white-space:pre-wrap;background:var(--porcelain);border-radius:var(--radius-m);margin:0;padding:8px 10px}.contact-form{gap:10px;display:grid}.panel .hint{font-size:var(--fs-xs);margin:0}.panel-error{margin:12px 16px}.slash{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-l);gap:2px;max-height:50vh;margin:0;padding:6px;list-style:none;display:grid;position:absolute;bottom:calc(100% + 6px);left:16px;right:16px;overflow-y:auto;box-shadow:0 12px 32px #1c232124}.slash-item{text-align:left;border-radius:var(--radius-m);background:0 0;border:0;gap:2px;width:100%;padding:8px 10px;display:grid}.slash-item.is-active,.slash-item:hover{background:var(--signal-wash)}.slash-body{font-size:var(--fs-s);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wh-url{overflow-wrap:anywhere}.secret{border:1px solid var(--signal);background:var(--signal-wash);border-radius:var(--radius-l);gap:6px;padding:14px 16px;display:grid}.secret p{font-size:var(--fs-s);margin:0}.secret-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.secret-row code{overflow-wrap:anywhere;background:var(--paper);border-radius:var(--radius-m);min-width:0;font-size:var(--fs-s);flex:1;padding:8px 10px}.wh-events{border:0;gap:8px;margin:0;padding:0;display:grid}.wh-events legend{font-size:var(--fs-s);color:var(--ink-2);margin-bottom:6px;font-weight:500}.wh-events label{font-size:var(--fs-s);align-items:center;gap:8px;display:flex}.deliveries{border-collapse:collapse;width:100%;font-size:var(--fs-xs)}.deliveries th,.deliveries td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}.deliveries th{color:var(--ink-3);font-weight:500}.shell{grid-template-columns:var(--rail-w) 1fr;grid-template-rows:44px 1fr;grid-template-areas:"rail bar""rail stage";height:100%;display:grid}.rail{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;grid-area:rail;align-items:center;gap:4px;padding:14px 0;display:flex}.rail-logo{margin-bottom:14px}.rail-link{border-radius:var(--radius-m);width:56px;color:var(--ink-3);background:0 0;border:0;justify-items:center;gap:2px;padding:8px 0;font-size:11px;font-weight:500;text-decoration:none;display:grid}.rail-link:hover{color:var(--ink);background:var(--porcelain)}.rail-link.active{color:var(--signal);background:var(--signal-wash)}.rail-spacer{flex:1}.workspace-bar{border-bottom:1px solid var(--line);background:var(--paper);font-size:var(--fs-s);color:var(--ink-2);grid-area:bar;align-items:center;padding:0 16px;display:flex}.workspace-select select{color:var(--ink);background:0 0;border:0;max-width:60vw;padding:4px 0;font-weight:500}.workspace-name{color:var(--ink);font-weight:500}.lang-toggle{border:1px solid var(--line-strong);border-radius:var(--radius-s);margin-left:auto;display:flex;overflow:hidden}.lang-btn{font-size:var(--fs-xs);color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:3px 8px;font-weight:600}.lang-btn.is-active{background:var(--signal-wash);color:var(--signal-deep)}.stage{grid-area:stage;min-height:0;overflow:hidden}@media (width<=760px){.shell{grid-template:"bar"44px"stage"1fr"rail"60px/1fr}.rail{border-right:0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;padding:4px 8px}.rail-logo,.rail-spacer{display:none}}