@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #0b0f14;--bg-raised: #11161d;--bg-surface: #161c25;--bg-hover: #1c232e;--fg: #e1e7ef;--fg-secondary: #9ba8b9;--fg-muted: #6b7a8d;--fg-faint: #3d4a59;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-active: rgba(255, 255, 255, .2);--accent: #4c8dff;--accent-soft: rgba(76, 141, 255, .12);--accent-fg: #7db1ff;--danger: #e5534b;--danger-soft: rgba(229, 83, 75, .12);--danger-fg: #f08882;--success: #3fb950;--success-soft: rgba(63, 185, 80, .12);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--ease: cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--fg-faint) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--fg-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-muted)}::-webkit-scrollbar-corner{background:transparent}html,body,#app{margin:0;min-height:100%}body{font-family:DM Sans,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em}p{margin:0}input,textarea,button{font:inherit}input,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;background:var(--bg);color:var(--fg);transition:border-color .15s var(--ease)}input::placeholder,textarea::placeholder{color:var(--fg-faint)}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:140px;font-family:IBM Plex Mono,monospace;font-size:13px;line-height:1.5}button{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;background:var(--bg-surface);color:var(--fg-secondary);cursor:pointer;font-weight:500;font-size:13px;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}button:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--fg)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:#3a7bf0;border-color:#3a7bf0}button.danger{color:var(--danger-fg);border-color:var(--danger-soft);background:var(--danger-soft)}button.danger:hover{border-color:var(--danger)}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--bg-hover);border-color:var(--border)}.muted{color:var(--fg-muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600;color:var(--fg-muted)}.app-shell{max-width:1440px;margin:0 auto}.topbar{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.brand-block h1{font-size:16px;font-weight:700;letter-spacing:-.02em}.brand-sub{margin-top:2px;font-size:12px;color:var(--fg-muted);max-width:480px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions input{max-width:280px;font-size:13px}.ws-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;font-family:IBM Plex Mono,monospace;font-feature-settings:"tnum";color:var(--fg-muted)}.ws-chip.live{border-color:var(--success-soft);color:var(--success)}.ws-chip.live:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--success)}.layout{display:grid;grid-template-columns:260px 1fr;gap:0;min-height:calc(100vh - 52px)}.workspace{display:flex;flex-direction:column;gap:1px;background:var(--bg)}.workspace>*{background:var(--bg);border-bottom:1px solid var(--border)}.workspace>*:last-child{border-bottom:none;flex:1}.panel{padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.section-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.workspace-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-raised)}.workspace-banner h2{font-size:16px;margin-top:2px}.banner-stats{display:flex;gap:8px}.stat-pill{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);padding:8px 12px;min-width:100px}.stat-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-muted);margin-bottom:2px}.stat-pill strong{font-size:16px;font-weight:700;font-feature-settings:"tnum"}.sidebar{height:calc(100vh - 52px);position:sticky;top:52px;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--border);background:var(--bg);overflow:hidden}.sidebar .panel-head{padding:12px 12px 0;margin-bottom:8px}.new-session{display:grid;grid-template-columns:1fr auto;gap:4px;padding:0 12px;margin-bottom:8px}.new-session input{font-size:13px;padding:6px 8px}.new-session button{font-size:12px;padding:6px 8px}.session-list{display:flex;flex-direction:column;overflow:auto;flex:1;padding:0 8px}.session-item{display:flex;align-items:center;gap:8px;text-align:left;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;padding:6px 8px;font-size:13px;width:100%;cursor:pointer;transition:background .15s var(--ease)}.session-item:hover{background:var(--bg-hover);border-color:transparent}.session-item.active{background:var(--accent-soft);border-color:transparent;color:var(--accent-fg)}.session-item .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;flex:1;min-width:0}.session-item .count{color:var(--fg-muted);font-size:11px;font-family:IBM Plex Mono,monospace;font-feature-settings:"tnum"}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.actions{display:flex;gap:4px}.session-actions{display:flex;gap:4px;padding:4px 8px 8px;border-bottom:1px solid var(--border)}.session-actions button{flex:1;min-width:0;padding:4px;font-size:12px;text-align:center}.paste-card{padding:16px}.paste-card .panel-head,.paste-card input{margin-bottom:8px}.dropzone{margin-top:8px;border:1px dashed var(--fg-faint);border-radius:var(--radius-md);padding:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--fg-muted);font-size:13px;transition:border-color .15s var(--ease)}.dropzone:hover{border-color:var(--fg-muted)}.hidden{display:none}.pending-list{margin-top:8px;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;max-height:180px;overflow:auto;background:var(--bg-raised)}.pending-head,.pending-item,.file-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.pending-head{font-size:12px;font-weight:600}.pending-item,.file-row{padding-top:4px;font-size:13px}.item-panel{padding:16px;min-height:320px}.empty-state{border:1px dashed var(--fg-faint);border-radius:var(--radius-md);padding:24px 16px;text-align:center;color:var(--fg-muted)}.empty-state strong{color:var(--fg-secondary)}.item-list{display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.item-card{padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--bg-raised);border:none;border-radius:0;transition:background .15s var(--ease)}.item-card:hover{background:var(--bg-surface)}.item-card.pinned{background:var(--accent-soft)}.item-card.pinned:hover{background:#4c8dff29}.item-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.item-title-wrap{min-width:0}.item-title{font-size:13px;font-weight:600;letter-spacing:-.01em;display:block}.item-meta{margin-top:2px;display:flex;gap:8px;color:var(--fg-muted);font-size:12px;font-family:IBM Plex Mono,monospace;font-feature-settings:"tnum"}.pill{display:inline-flex;align-items:center;border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;border:1px solid var(--border);color:var(--fg-muted);background:var(--bg)}.pill-text{color:var(--accent-fg);border-color:var(--accent-soft);background:var(--accent-soft)}.pill-image{color:var(--success);border-color:var(--success-soft);background:var(--success-soft)}.pill-file{color:#b8a4ff;border-color:#b8a4ff1f;background:#b8a4ff14}.preview-wrap{position:relative}.preview{white-space:pre-wrap;overflow:auto;padding:8px;border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border);border-bottom:none;background:var(--bg);font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.5;color:var(--fg-secondary);margin:0}.resize-handle{display:flex;align-items:center;justify-content:center;height:10px;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--bg-surface);cursor:ns-resize;transition:background .15s var(--ease);-webkit-user-select:none;user-select:none}.resize-handle:hover{background:var(--bg-hover)}.resize-grip{width:32px;height:2px;border-radius:1px;background:var(--fg-faint);transition:background .15s var(--ease)}.resize-handle:hover .resize-grip{background:var(--fg-muted)}.file-list{border-top:1px solid var(--border);padding-top:8px}.file-row a{text-decoration:none;color:var(--accent-fg);font-size:13px}.file-row a:hover{text-decoration:underline}.thumb{max-width:200px;border-radius:var(--radius-md);border:1px solid var(--border)}.item-actions{border-top:1px solid var(--border);padding-top:8px;display:flex;gap:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(640px,92vw);background:var(--bg-raised);border-radius:var(--radius-lg);padding:16px;border:1px solid var(--border-strong);display:flex;flex-direction:column;gap:8px}.modal h3{font-size:14px;font-weight:600}.toast-wrap{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:4px}.toast{background:var(--bg-surface);color:var(--fg);padding:8px 12px;border-radius:var(--radius-md);max-width:320px;border:1px solid var(--border-strong);font-size:13px;animation:toast-in .2s var(--ease)}.spin-icon{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#000000b3;color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;border:1px dashed var(--accent)}.pin-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.pin-card{width:min(400px,95vw);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:24px}.pin-card h1{font-size:18px;font-weight:700;margin-bottom:4px}.stack{display:flex;flex-direction:column;gap:8px;margin-top:16px}.stack label{font-size:12px;font-weight:600;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.04em}.row{display:flex;gap:8px;align-items:center}.row input[type=checkbox]{width:auto}.row span{font-size:13px;color:var(--fg-secondary)}.error{color:var(--danger-fg);margin-top:8px;font-size:13px}.stack button[type=submit]{margin-top:4px;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.stack button[type=submit]:hover{background:#3a7bf0;border-color:#3a7bf0}.drive-card{border-bottom:1px solid var(--border)}.drive-dropzone{border:1px dashed var(--fg-faint);border-radius:var(--radius-md);padding:24px 16px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--fg-muted);font-size:13px;transition:border-color .15s var(--ease),background .15s var(--ease)}.drive-dropzone.active{border-color:var(--accent);background:var(--accent-soft)}.drive-queue{margin-top:12px;display:flex;flex-direction:column;gap:6px}.drive-queue-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised)}.drive-queue-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.drive-file-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-file-size{flex-shrink:0}.drive-progress-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0;width:160px}.drive-progress-bar{flex:1;height:4px;border-radius:2px;background:var(--bg);overflow:hidden}.drive-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .15s var(--ease)}.drive-progress-text{font-family:IBM Plex Mono,monospace;font-feature-settings:"tnum";font-size:11px;color:var(--fg-muted);min-width:32px;text-align:right}.drive-done{color:var(--success);font-weight:600}.drive-error-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.drive-error-text{color:var(--danger-fg);font-weight:600}.drive-actions{margin-top:8px;display:flex;justify-content:flex-end}.session-item.drive-session{background:#f59e0b14;border-color:#f59e0b26;margin-bottom:4px}.session-item.drive-session:hover{background:#f59e0b24}.session-item.drive-session.active{background:#f59e0b2e;border-color:#f59e0b4d;color:#fbbf24}.session-item.drive-session .name{font-weight:600}.drive-icon{flex-shrink:0;color:#f59e0b}.session-item.drive-session.active .drive-icon{color:#fbbf24}.drive-file-card .actions{display:flex;gap:4px;align-items:center}.btn-download{display:inline-flex;align-items:center;border:1px solid var(--accent-soft);border-radius:var(--radius-md);padding:4px 10px;background:var(--accent-soft);color:var(--accent-fg);font-size:12px;font-weight:500;text-decoration:none;transition:background .15s var(--ease),border-color .15s var(--ease)}.btn-download:hover{background:#4c8dff33;border-color:var(--accent)}@media(max-width:1020px){.topbar{flex-direction:column;align-items:flex-start;position:static}.top-actions{flex-wrap:wrap;width:100%}.top-actions input{max-width:none;flex:1}.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);max-height:300px}.workspace-banner{flex-direction:column;align-items:flex-start}}