:root{--c-bg: #f7f7f8;--c-surface: #fff;--c-border: #e5e7eb;--c-border-soft: #f0f0f3;--c-text: #1f2937;--c-text-2: #374151;--c-text-3: #6b7280;--c-primary: #3b82f6;--c-primary-hover: #2563eb;--c-err: #ef4444;--c-err-bg: #fee2e2;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08)}:root[data-theme=dark]{--c-bg: #0e0e10;--c-surface: #1a1a1c;--c-border: #2a2a2e;--c-border-soft: #212124;--c-text: #e5e7eb;--c-text-2: #cbd5e1;--c-text-3: #9aa0a6;--c-primary: #3b82f6;--c-primary-hover: #60a5fa;--c-err: #f87171;--c-err-bg: #3a1a1a;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 14px rgba(0,0,0,.5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}button{font:inherit}input,textarea,select{font:inherit;color:inherit}.loading-full{display:grid;place-items:center;min-height:100dvh;color:var(--c-text-3);font-size:.95rem}.ai-login-page{min-height:100dvh;display:grid;place-items:center;padding:1rem}.ai-login-form{background:var(--c-surface);border:1px solid var(--c-border);padding:2rem;border-radius:12px;width:min(340px,100%);display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-md)}.ai-login-form h1{margin:0;font-size:1.3rem}.ai-login-sub{margin:0 0 .3rem;color:var(--c-text-3);font-size:.85rem}.ai-login-form input{padding:.65rem .8rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;font-size:1rem}.ai-login-form input:focus{outline:2px solid var(--c-primary);border-color:transparent}.ai-login-form button{padding:.7rem;background:var(--c-primary);color:#fff;border:0;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.ai-login-form button:hover:not(:disabled){background:var(--c-primary-hover)}.ai-login-form button:disabled{opacity:.6;cursor:not-allowed}.ai-login-err{margin:0;padding:.5rem .7rem;background:var(--c-err-bg);color:var(--c-err);border-radius:6px;font-size:.85rem}.ai-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.ai-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-shrink:0;box-shadow:var(--shadow-sm);z-index:10}.ai-header-inner{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;gap:.75rem}.ai-logo{font-weight:700;letter-spacing:.02em}.ai-nav-right{display:flex;align-items:center;gap:.5rem}.ai-username{color:var(--c-text-3);font-size:.85rem}.ai-icon-btn{background:transparent;border:1px solid var(--c-border);color:var(--c-text);width:34px;height:34px;border-radius:6px;cursor:pointer;display:grid;place-items:center;font-size:1rem}.ai-icon-btn:hover{background:var(--c-border-soft)}.ai-logout-btn{padding:.35rem .8rem;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:6px;cursor:pointer;font-size:.85rem}.ai-logout-btn:hover{background:var(--c-border-soft)}.ai-main{flex:1 1 auto;display:grid;grid-template-columns:1fr 320px;min-height:0}.ai-vnc-wrap{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:#000}.ai-vnc-canvas{width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.ai-vnc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000008c;color:#e5e7eb;font-size:.95rem;pointer-events:none}.ai-panel{background:var(--c-surface);border-left:1px solid var(--c-border);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.ai-panel-closed{display:none}.ai-main:has(.ai-panel-closed){grid-template-columns:1fr}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;border-bottom:1px solid var(--c-border);background:var(--c-border-soft);flex-shrink:0}.ai-panel-title{font-weight:600;font-size:.9rem}.ai-panel-count{color:var(--c-text-3);font-size:.78rem}.ai-panel-body{padding:.75rem;overflow-y:auto;flex:1}.ai-panel-hint{margin:0 0 .6rem;color:var(--c-text-3);font-size:.78rem;line-height:1.5}.ai-panel-err{color:var(--c-err)}.ai-clip-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.ai-clip-item{background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.3rem}.ai-clip-meta{display:flex;align-items:center;justify-content:space-between}.ai-clip-time{color:var(--c-text-3);font-size:.72rem}.ai-clip-del{background:transparent;border:0;color:var(--c-text-3);cursor:pointer;font-size:.85rem;padding:0 .3rem;line-height:1}.ai-clip-del:hover{color:var(--c-err)}.ai-clip-content{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:var(--c-text-2);max-height:12rem;overflow-y:auto;-webkit-user-select:text;user-select:text}@media (max-width: 700px){.ai-header-inner{padding:.45rem .7rem}.ai-username{display:none}.ai-icon-btn{width:32px;height:32px;font-size:.9rem}.ai-logout-btn{padding:.3rem .6rem;font-size:.78rem}.ai-main{grid-template-columns:1fr;grid-template-rows:1fr auto}.ai-panel{border-left:0;border-top:1px solid var(--c-border);max-height:45dvh}.ai-login-form{padding:1.5rem}}@media (max-width: 375px){.ai-logo{font-size:.95rem}.ai-nav-right{gap:.35rem}}