:root{--bg-editor: #1e1e1e;--bg-panel: #252526;--bg-elevated: #2d2d2d;--bg-titlebar: #323233;--bg-statusbar: #007acc;--bg-line-active: #2a2d2e;--bg-hover: #2a2d2e;--border: #1b1b1b;--border-soft: #333333;--text: #d4d4d4;--text-dim: #969696;--text-faint: #6e6e6e;--line-number: #858585;--tok-comment: #6a9955;--tok-string: #ce9178;--tok-keyword: #569cd6;--tok-func: #dcdcaa;--tok-var: #9cdcfe;--tok-prop: #9cdcfe;--tok-punc: #d4d4d4;--tok-error: #f48771;--accent: #0e639c;--accent-hover: #1177bb;--mono: "Cascadia Code", "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace;--titlebar-h: 36px;--tabbar-h: 36px;--statusbar-h: 24px;--activitybar-w: 48px;--page-bg: #000000}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{font-family:var(--mono);background:var(--page-bg);color:var(--text);font-size:13px;-webkit-font-smoothing:antialiased}.ide{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;background:var(--bg-editor);overflow:hidden}.titlebar{flex:0 0 var(--titlebar-h);display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--bg-titlebar);border-bottom:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.traffic{display:flex;gap:8px}.traffic__dot{width:12px;height:12px;border-radius:50%}.traffic__dot--close{background:#ff5f57}.traffic__dot--min{background:#febc2e}.traffic__dot--max{background:#28c840}.titlebar__title{flex:1;text-align:center;font-size:12px;color:var(--text-dim)}.titlebar__right{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:13px}.titlebar__settings{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim);font-size:15px;width:28px;height:28px;border-radius:6px;cursor:pointer;display:grid;place-items:center;line-height:1}.titlebar__settings:hover{background:var(--bg-hover);color:var(--text)}.ide[data-shell=mac] .titlebar__win-controls{display:none}.ide[data-shell=mac] .traffic{display:flex}.ide[data-shell=windows]{--titlebar-h: 32px}.ide[data-shell=windows] .traffic{display:none}.ide[data-shell=windows] .titlebar{background:#1e1e1e;border-bottom:1px solid #2d2d2d;padding:0 0 0 12px}.ide[data-shell=windows] .titlebar__title{text-align:left;flex:1;padding-left:4px}.ide[data-shell=windows] .titlebar__right{order:3}.ide[data-shell=windows] .titlebar__win-controls{display:flex;align-items:stretch;flex:0 0 auto;order:4;height:100%}.win-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim);width:46px;height:100%;font-size:11px;cursor:default;display:grid;place-items:center;font-family:var(--mono)}.win-btn:hover{background:#ffffff14;color:var(--text)}.win-btn--close:hover{background:#e81123;color:#fff}.ide__body{flex:1;display:flex;min-height:0}.activitybar{flex:0 0 var(--activitybar-w);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;background:var(--bg-panel);border-right:1px solid var(--border)}.activitybar__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;width:40px;height:40px;border-radius:8px;font-size:18px;color:var(--text-dim);cursor:pointer;opacity:.6;border-left:2px solid transparent}.activitybar__item.is-active{opacity:1;border-left-color:var(--text)}.activitybar__item--bottom{margin-top:auto}@media(max-width:640px){.activitybar{display:none}}.workbench{flex:1;display:flex;flex-direction:column;min-width:0}.tabbar{flex:0 0 var(--tabbar-h);display:flex;background:var(--bg-panel);border-bottom:1px solid var(--border);overflow:hidden}.tab{display:flex;align-items:center;gap:7px;padding:0 14px;font-size:12px;color:var(--text-faint);background:var(--bg-elevated);border-right:1px solid var(--border);white-space:nowrap}.tab--active{background:var(--bg-editor);color:var(--text);border-top:1px solid var(--bg-statusbar)}.tab__icon{font-size:10px;font-weight:700;color:var(--tok-keyword)}.tab__icon--log{color:var(--tok-comment)}.tab__dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}@media(max-width:480px){.tab[data-decorative=true]{display:none}}.screens{flex:1;min-height:0;position:relative}.screen{display:none;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column}.screen.is-active{display:flex}.pane{padding:26px 28px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.pane__path{margin:0;color:var(--text-dim);font-size:12px}.codeblock{background:#1a1a1a;border:1px solid var(--border-soft);border-radius:6px;padding:12px 14px;counter-reset:line}.codeline{margin:0;line-height:1.7;white-space:pre-wrap}.codeline--code{display:flex;align-items:center;gap:7px}.field{width:100%;padding:11px 13px;border-radius:6px;border:1px solid var(--border-soft);background:#1a1a1a;color:var(--text);font-family:var(--mono);font-size:14px;outline:none}.field:focus{border-color:var(--accent-hover);box-shadow:0 0 0 1px var(--accent-hover)}.field--code{letter-spacing:.4em;text-transform:uppercase;text-align:center;font-size:20px}.pane__hint,.pane__error{margin:0;font-size:12px}.pane__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:4px;padding:9px 16px;font-family:var(--mono);font-size:13px;cursor:pointer}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{background:transparent;color:var(--text-dim);border-color:var(--border-soft)}.btn--ghost:hover{color:var(--text);border-color:var(--text-faint)}.inline-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:13px;padding:2px 4px;border-radius:4px}.inline-copy:hover{color:var(--text);background:var(--bg-hover)}.welcome{padding:38px 34px;overflow-y:auto;display:flex;flex-direction:column;gap:30px}.welcome__head{display:flex;align-items:center;gap:16px}.welcome__logo{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#0e639c,#1f1f1f);color:#d4d4d4;border:1px solid var(--border-soft)}.welcome__title{margin:0;font-size:26px;font-weight:600}.welcome__sub{margin:4px 0 0;color:var(--text-faint);font-size:12px}.welcome__cols{display:flex;gap:48px;flex-wrap:wrap}.welcome__col{display:flex;flex-direction:column;gap:4px;min-width:220px}.welcome__label{margin:0 0 6px;color:var(--text-dim);font-size:13px}.cmd{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;background:transparent;border:none;border-radius:5px;padding:8px 10px;cursor:pointer;text-align:left;color:var(--accent-hover);font-family:var(--mono);font-size:13px}.cmd:hover{background:var(--bg-hover)}.cmd__icon{width:18px;text-align:center;color:var(--text-dim)}.cmd__text{display:flex;flex-direction:column}.cmd__hint{color:var(--text-faint);font-size:11px}.cmd--muted{color:var(--text-dim)}.welcome__foot{margin:0;font-size:12px}.editor{flex:1;min-height:0;overflow-y:auto;background:var(--bg-editor);padding:8px 0}.editor__lines{display:flex;flex-direction:column}.line{display:flex;align-items:baseline;gap:0;padding:1px 0;line-height:1.7}.line:hover{background:var(--bg-line-active)}.line__ln{flex:0 0 48px;text-align:right;padding-right:18px;color:var(--line-number);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px}.line__code{flex:1;padding-right:16px;white-space:pre-wrap;word-break:break-word}.line--me{background:#0e639c1f}.line--me .line__ln{color:var(--tok-var)}.tok-comment{color:var(--tok-comment)}.tok-string{color:var(--tok-string)}.tok-keyword{color:var(--tok-keyword)}.tok-func{color:var(--tok-func)}.tok-var{color:var(--tok-var)}.tok-prop{color:var(--tok-prop)}.tok-punc{color:var(--tok-punc)}.tok-error{color:var(--tok-error)}.tok-time{color:var(--text-faint)}.nk0{color:#dcdcaa}.nk1{color:#9cdcfe}.nk2{color:#c586c0}.nk3{color:#4ec9b0}.nk4{color:#ce9178}.nk5{color:#569cd6}.nk6{color:#b5cea8}.nk7{color:#d7ba7d}.nk8{color:#f48771}.nk9{color:#4fc1ff}.line__image{margin:4px 0 4px 48px;width:150px;height:96px;border-radius:6px;border:1px solid var(--border-soft);display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#2d2d2d,#1e1e1e)}.connection-banner{background:#f487711f;color:var(--tok-error);font-size:12px;padding:6px 12px;border-top:1px solid rgba(244,135,113,.3)}.prompt{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#181818;border-top:1px solid var(--border-soft)}.prompt__sign{flex:0 0 auto;color:var(--tok-comment);padding:8px 0;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prompt__caret{color:var(--tok-func);margin-left:4px}.prompt__input{flex:1;resize:none;max-height:120px;padding:8px 6px;border:none;background:transparent;color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.5;outline:none}.prompt__input::-moz-placeholder{color:var(--text-faint)}.prompt__input::placeholder{color:var(--text-faint)}.prompt__attach,.prompt__send{flex:0 0 auto;border:none;background:transparent;color:var(--text-dim);font-size:16px;width:34px;height:34px;border-radius:6px;cursor:pointer}.prompt__attach:hover,.prompt__send:hover{background:var(--bg-hover);color:var(--text)}.prompt__send{color:var(--tok-func)}.statusbar{flex:0 0 var(--statusbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:var(--bg-statusbar);color:#fff;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.statusbar__left,.statusbar__right{display:flex;align-items:center;gap:2px}.statusbar__item{padding:0 8px;line-height:var(--statusbar-h);white-space:nowrap}.statusbar__item--btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#fff;font-family:var(--mono);font-size:12px;cursor:pointer}.statusbar__item--btn:hover{background:#ffffff2e}.statusbar__item--settings{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#fff;font-family:var(--mono);font-size:13px;cursor:pointer;padding:0 8px;line-height:var(--statusbar-h)}.statusbar__item--settings:hover{background:#ffffff2e}@media(max-width:560px){.statusbar__left .statusbar__item:nth-child(2),.statusbar__left .statusbar__item:nth-child(3),.statusbar__right .statusbar__item:nth-child(3){display:none}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:50}.palette{width:min(92%,460px);background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:8px;box-shadow:0 16px 50px #0009;padding:12px 14px 16px;display:flex;flex-direction:column;gap:12px;animation:palette-in .14s ease}@keyframes palette-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.palette__head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.palette__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:13px;padding:2px 6px;border-radius:4px}.palette__close:hover{background:var(--bg-hover);color:var(--text)}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;max-height:46vh;overflow-y:auto}.member-list li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:5px;font-size:13px}.member-list li:hover{background:var(--bg-hover)}.member-list .dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.member-list .me-tag{margin-left:auto;font-size:11px;color:var(--text-faint)}.image-preview{width:100%;height:150px;border-radius:6px;border:1px solid var(--border-soft);background:linear-gradient(135deg,#2d2d2d,#1e1e1e);display:grid;place-items:center;font-size:42px}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field.is-disabled{opacity:.45;pointer-events:none}.settings-field__label{margin:0;font-size:12px;color:var(--text-dim)}.settings-field__label--inline{margin-bottom:2px}.settings-field__hint{margin:0;font-size:11px}.settings-shell{display:flex;gap:8px}.shell-option{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-soft);border-radius:6px;background:#1a1a1a;color:var(--text-dim);padding:10px 8px;font-family:var(--mono);font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.shell-option:hover{border-color:var(--text-faint);color:var(--text)}.shell-option.is-active{border-color:var(--accent-hover);color:var(--text);background:#0e639c26}.shell-option__icon{font-size:18px;line-height:1}.color-row{display:flex;align-items:center;gap:10px}.color-row input[type=color]{width:40px;height:32px;padding:2px;border:1px solid var(--border-soft);border-radius:6px;background:#1a1a1a;cursor:pointer}.color-row input[type=text]{flex:1;padding:8px 10px;border-radius:6px;border:1px solid var(--border-soft);background:#1a1a1a;color:var(--text);font-family:var(--mono);font-size:13px;outline:none}.color-row input[type=text]:focus{border-color:var(--accent-hover)}.settings-saved{margin:0;font-size:12px;color:var(--tok-comment);min-height:1.2em}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle{position:relative;display:inline-flex;flex:0 0 auto;cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle__track{position:relative;display:block;width:42px;height:24px;border-radius:999px;background:#3c3c3c;border:1px solid var(--border-soft);transition:background .15s ease}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#d4d4d4;transition:transform .15s ease}.toggle input:checked+.toggle__track{background:var(--accent);border-color:var(--accent-hover)}.toggle input:checked+.toggle__track:after{transform:translate(18px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--accent-hover);outline-offset:2px}.sound-list{display:flex;flex-direction:column;gap:6px}.sound-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border-soft);border-radius:6px;background:#1a1a1a;cursor:pointer}.sound-option:hover{border-color:var(--text-faint)}.sound-option:has(input:checked){border-color:var(--accent-hover);background:#0e639c1f}.sound-option input{accent-color:var(--accent-hover)}.sound-option__label{flex:1;font-size:13px;color:var(--text)}.sound-preview{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-soft);border-radius:4px;background:transparent;color:var(--text-dim);width:30px;height:28px;font-size:11px;cursor:pointer;font-family:var(--mono)}.sound-preview:hover{color:var(--text);border-color:var(--text-faint);background:var(--bg-hover)}