:root{--bg-base: #0A0B0F;--bg-raised: #101218;--bg-overlay: #161921;--bg-input: #06070A;--bg-hover: #1A1E27;--bg-active: #20252F;--bg-glass: rgba(22,25,33,.85);--border-subtle: #1B1F29;--border-default: #282E3B;--border-strong: #3A4252;--border-focus: #5B9CFF;--text-primary: #E9EEF5;--text-secondary: #96A1B3;--text-muted: #737F94;--text-faint: #3A4354;--accent: #5B9CFF;--accent-hover: #7CB0FF;--accent-subtle: rgba(91,156,255,.1);--accent-glow: rgba(91,156,255,.35);--accent-fill: #2E6CD6;--accent-fill-hover: #3B78DF;--purple: #A78BFA;--purple-subtle: rgba(167,139,250,.12);--green: #3DD68C;--green-subtle: rgba(61,214,140,.12);--orange: #F5A524;--orange-subtle: rgba(245,165,36,.12);--red: #F25E68;--red-subtle: rgba(242,94,104,.12);--red-bright: #FFB0B5;--state-idle: #5C677A;--state-running: #5B9CFF;--state-waiting: #F5A524;--state-success: #3DD68C;--state-error: #F25E68;--diff-add-bg: rgba(61,214,140,.12);--diff-remove-bg: rgba(242,94,104,.12);--diff-add-text: #6EE7A8;--diff-remove-text: #FF8A91;--grad-brand: linear-gradient(135deg, #5B9CFF, #7B5CFF);--grad-host-local: linear-gradient(135deg, #2E4257, #3D566E);--grad-host-vps: linear-gradient(135deg, #3D3060, #4A3560);--grad-thumb: linear-gradient(135deg, #2A3550, #4A3560);--grad-preview: linear-gradient(135deg, #1A2530, #221A30);--grad-preview-glow: radial-gradient(ellipse at top left, rgba(91, 156, 255, .18), transparent 50%), radial-gradient(ellipse at bottom right, rgba(167, 139, 250, .18), transparent 50%);--text-on-accent: #FFFFFF;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", Menlo, Consolas, monospace;--base-size: 13px;--line-height: 1.5;--letter-spacing: -.005em;--r-xs: 3px;--r-sm: 5px;--r-md: 7px;--r-lg: 10px;--r-xl: 14px;--r-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 6px 20px rgba(0,0,0,.5);--shadow-lg: 0 18px 44px rgba(0,0,0,.65);--shadow-xl: 0 32px 80px rgba(0,0,0,.8);--fast: 90ms;--base: .15s;--slow: .22s;--ease: cubic-bezier(.4,0,.2,1);--ease-out: cubic-bezier(0,0,.2,1);--spring: cubic-bezier(.34,1.56,.64,1)}[data-theme=light]{--bg-base: #F6F8FC;--bg-raised: #FFFFFF;--bg-overlay: #FFFFFF;--bg-input: #FFFFFF;--bg-hover: #EDF1F8;--bg-active: #E1E8F3;--bg-glass: rgba(255,255,255,.85);--border-subtle: #E4E9F2;--border-default: #CFD7E4;--border-strong: #A9B5CA;--border-focus: #2C7BFF;--text-primary: #111827;--text-secondary: #4E5A72;--text-muted: #8A95A9;--text-faint: #C5CDDB;--accent: #2C7BFF;--accent-hover: #1B6CE8;--accent-subtle: rgba(44,123,255,.08);--accent-glow: rgba(44,123,255,.25);--accent-fill: #1B63D6;--accent-fill-hover: #175CCB;--purple: #7C3AED;--purple-subtle: rgba(124,58,237,.08);--green: #16A34A;--green-subtle: rgba(22,163,74,.08);--orange: #D97706;--orange-subtle: rgba(217,119,6,.08);--red: #DC2626;--red-subtle: rgba(220,38,38,.08);--red-bright: #B91C1C;--state-success: #16A34A;--state-error: #DC2626;--state-waiting: #D97706;--state-running: #2C7BFF;--diff-add-bg: rgba(22,163,74,.09);--diff-remove-bg: rgba(220,38,38,.09);--diff-add-text: #15803D;--diff-remove-text: #B91C1C;--grad-preview: linear-gradient(135deg, #E8EEF7, #F0E8F7)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}h1{font-size:1.4rem;margin:0 0 .5rem}h2{font-size:1.05rem;margin:0 0 .5rem}h3{font-size:.9rem;margin:1rem 0 .25rem;color:var(--text-secondary)}p{margin:0 0 .75rem}.mono{font-family:var(--font-mono);word-break:break-all}.big{font-size:1.05rem}.muted{color:var(--text-secondary)}.small{font-size:.85rem}.error{color:var(--red-bright)}.empty{text-align:center;padding:2rem 1rem}button,input{font:inherit;color:inherit}button{min-height:44px;min-width:44px;padding:.5rem 1rem;border-radius:var(--r-md, 8px);border:1px solid var(--border-default);background:var(--bg-overlay);cursor:pointer}button:hover:not(:disabled){background:var(--bg-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--text-on-accent)}button.primary:hover:not(:disabled){background:var(--accent-fill-hover)}button.danger{border-color:var(--red);color:var(--red-bright)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input[type=text],input[type=email],input:not([type]){width:100%;min-height:44px;padding:.5rem .75rem;border-radius:var(--r-md, 8px);border:1px solid var(--border-default);background:var(--bg-input)}label{display:block;margin:.5rem 0 .25rem;color:var(--text-secondary)}label.check{display:flex;gap:.5rem;align-items:center;margin:.75rem 0}label.check input{width:22px;height:22px}.centered{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;max-width:28rem;margin:0 auto}.page{max-width:32rem;margin:0 auto;padding:1rem 16px calc(1rem + env(safe-area-inset-bottom))}.app{display:flex;flex-direction:column;height:100%;max-width:44rem;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:calc(.5rem + env(safe-area-inset-top)) 16px .5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-raised)}.status{display:flex;align-items:center;gap:.5rem}.dot{width:10px;height:10px;border-radius:50%;background:var(--state-idle)}.dot.on{background:var(--state-success)}.content{flex:1;overflow-y:auto;padding:1rem 16px}.tabs{display:flex;border-top:1px solid var(--border-subtle);background:var(--bg-raised);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;border:0;border-radius:0;background:transparent;position:relative;color:var(--text-secondary)}.tab.active{color:var(--text-primary);box-shadow:inset 0 -3px 0 var(--accent)}.badge{display:inline-block;min-width:1.4rem;margin-inline-start:.4rem;padding:0 .35rem;border-radius:999px;background:var(--accent-fill);color:var(--text-on-accent);font-size:.8rem}.banner{margin:0;padding:.6rem 16px;background:var(--orange-subtle);border-bottom:1px solid var(--orange)}.banner.error{background:var(--red-subtle);border-color:var(--red)}.banner.ok{background:var(--green-subtle);border-color:var(--green)}.panel{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-lg, 12px);padding:1rem;margin-bottom:1rem}.card{background:var(--bg-raised);border:1px solid var(--border-default);border-inline-start:4px solid var(--state-waiting);border-radius:var(--r-lg, 12px);padding:1rem;margin-bottom:1rem}.card.risk-dangerous{border-inline-start-color:var(--red)}.card.risk-safe{border-inline-start-color:var(--state-success)}.risk{font-weight:600}.risk-dangerous{color:var(--red-bright)}dl{margin:0 0 .75rem}dt{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}dd{margin:0}dd.block{background:var(--bg-input);padding:.5rem .75rem;border-radius:var(--r-sm, 5px);white-space:pre-wrap}.row{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.row>button{flex:1 1 8rem}.code{font-family:var(--font-mono);font-size:2.4rem;letter-spacing:.15em;text-align:center;margin:.5rem 0 1rem}.live{font-family:var(--font-mono);font-size:.9rem}.live p{margin:0 0 .35rem;white-space:pre-wrap;word-break:break-word}.live-tool{color:var(--purple)}.live-info{color:var(--text-secondary)}.live-error{color:var(--red-bright)}.scrim{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{background:var(--bg-overlay);border:1px solid var(--border-strong);border-radius:var(--r-lg, 12px);padding:1.25rem;max-width:26rem;width:100%}.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}button.link{background:none;border:0;padding:.5rem .25rem;min-height:44px;color:var(--accent);text-decoration:underline}select,textarea,input[type=search]{font:inherit;color:inherit;width:100%;min-height:44px;padding:.5rem .75rem;border-radius:var(--r-md, 8px);border:1px solid var(--border-default);background:var(--bg-input)}textarea.mono{font-family:var(--font-mono)}.more{border-top:1px solid var(--border-subtle);margin-top:.5rem;padding-top:.5rem;display:grid;gap:.75rem}.pickers{display:grid;gap:.5rem;margin-bottom:.75rem}.crumbs{margin:.5rem 0;display:flex;flex-wrap:wrap;align-items:center}.entries{list-style:none;margin:0;padding:0}.entry{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-subtle)}.entry input[type=checkbox]{width:24px;height:24px;flex:none}.entry-main{flex:1;text-align:start;border:0;background:transparent;border-radius:0;min-width:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:baseline}.entry-main:disabled{opacity:.6}.entry-main .name{word-break:break-all}.entry-main .size{margin-inline-start:auto}.picked{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-overlay);border:1px solid var(--accent);border-radius:var(--r-md, 8px);margin-top:.75rem}.preview{max-width:100%;border-radius:8px;background:var(--bg-input)}.file h2{word-break:break-all}.code-view{margin:.5rem 0}.chat{display:flex;flex-direction:column;gap:.75rem;min-height:100%}.chat-head{display:flex;gap:.5rem;align-items:end}.chat-head label{flex:1}.composer{display:grid;gap:.5rem;position:sticky;bottom:0;background:var(--bg-base);padding-top:.5rem}.live-user{color:var(--text-primary);background:var(--bg-overlay);padding:.5rem .75rem;border-radius:8px;font-family:system-ui,sans-serif}@media(prefers-reduced-motion:no-preference){button{transition:background .12s ease}}