:root{color-scheme:dark;--bg:#0b1520;--panel:#132230;--line:#2b4151;--ink:#e9f1f6;--muted:#8ea8bb;--accent:#62ddba;--view-height:100dvh;--view-top:0px;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:10px 12px;min-height:40px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:hover{border-color:var(--accent)}button[aria-pressed=true],.primary{background:var(--accent);color:#082a25;border-color:transparent;font-weight:650}input,textarea,select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--ink);padding:12px;font-size:16px}textarea{resize:vertical}label{display:block;margin:16px 0 8px;font-size:13px}h1{font-size:clamp(26px,5vw,36px);letter-spacing:-1px;margin:12px 0}p{color:var(--muted);line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent)}header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.brand{border:0;background:none;padding:0;font-size:18px;font-weight:700}.brand span{font-size:9px;color:var(--muted);letter-spacing:1.2px;margin-left:8px}.header-actions{display:flex;gap:8px}main{max-width:1040px;margin:0 auto;padding:28px 18px;width:100%;min-height:0}.login{max-width:420px;margin:10vh auto}.login form{margin-top:26px}.login .primary{width:100%;margin-top:18px}.intro{margin:24px 0 28px}.target{border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0;background:var(--panel)}.target h2{font-size:17px;margin:0 0 16px}.projects{display:flex;gap:10px;flex-wrap:wrap}.projects button{padding:15px 18px;text-align:left}.hint{font-size:12px;margin-top:26px}[hidden]{display:none!important}#app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body.terminal-mode{overflow:hidden}body.terminal-mode #app{position:fixed;top:var(--view-top);height:var(--view-height);left:0;right:0;display:flex;flex-direction:column}body.terminal-mode header{padding:5px 10px}body.terminal-mode main{display:flex;flex:1;padding:0;max-width:none;overflow:hidden}#workspace{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}#tabs{display:flex;overflow-x:auto;gap:6px;padding:8px 10px 0;flex-shrink:0}#tabs button{border-radius:8px 8px 0 0;white-space:nowrap;min-height:36px;font-size:12px;padding:8px 14px}#tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent);background:#173140}.session-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;gap:8px;font-size:11px;flex-shrink:0}.session-toolbar>div{display:flex;gap:6px}.session-toolbar button{font-size:11px;min-height:30px;padding:5px 9px}#status{color:var(--muted)}#status[data-state=ready]{color:var(--accent)}#status[data-state=stopped]{color:#f8b089}#terminals{flex:1;min-height:36px;position:relative;overflow:hidden;background:#07131c}.terminal-pane{position:absolute;inset:0;padding:8px;overflow:hidden}.xterm{height:100%}.xterm-helper-textarea{font-size:16px!important}.keys,.actions{display:flex;gap:6px;padding:6px 8px;overflow-x:auto;flex-shrink:0;background:var(--bg)}.keys{border-top:1px solid var(--line)}.keys button{flex:1;min-width:39px;font-family:ui-monospace,monospace;padding:8px;font-size:13px}.actions{padding-top:0}.actions button{white-space:nowrap;font-size:12px;min-height:34px;padding:7px 10px;flex:1}#composer{padding:7px 9px 0;background:var(--panel);flex-shrink:0}#draft{min-height:48px;max-height:20vh;resize:none;line-height:1.4;padding:8px}.composer-actions{display:flex;align-items:center;gap:6px;padding:4px 0}.composer-actions button{font-size:12px;padding:6px 9px;min-height:32px}#draft-length{flex:1;font-size:10px;color:var(--muted)}#notice{position:fixed;z-index:10;left:50%;bottom:calc(env(safe-area-inset-bottom) + 100px);transform:translateX(-50%);max-width:90vw;width:max-content;border:1px solid #536879;border-radius:8px;background:#253c4f;padding:11px 15px;font-size:13px;pointer-events:none;opacity:0;transition:opacity .15s}#notice.visible{opacity:1}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;max-width:480px;width:calc(100% - 32px);padding:22px}dialog::backdrop{background:#0009}dialog h2{font-size:20px;margin-top:0}dialog p{font-size:12px}dialog button{margin-top:12px}#copy-text{font-family:ui-monospace,monospace;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:480px){body.terminal-mode header{display:none}.keys button{min-height:30px;padding:5px}.actions button{min-height:28px}.keys,.actions{padding-bottom:3px}#draft{max-height:60px}}@media(min-width:800px){body.terminal-mode .keys{justify-content:flex-start}.keys button{flex:0 0 52px}.actions button{flex:0 0 auto}}

.target h3{font-size:16px;margin:26px 0 8px}.folder-root{font-size:12px;overflow-wrap:anywhere;margin:0 0 12px}.folder-count{font-size:12px;margin:10px 0}.folder-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:8px}.folder-button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-width:0;padding:14px 12px}.folder-button>span:first-child{overflow-wrap:anywhere;min-width:0}.folder-action{white-space:nowrap;font-size:11px;color:var(--accent);flex-shrink:0}
