:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;--color-bg: #0f1014;--color-surface: #1a1b21;--color-surface-alt: #22232b;--color-surface-muted: #2a2b35;--color-border: #2f303a;--color-border-strong: #3f4050;--color-text: #f5f6ff;--color-text-muted: #babbd2;--color-accent: #5d8cff;--color-accent-soft: rgba(93, 140, 255, .18);--color-danger: #ff6f6f;--font-family-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--space-2: .125rem;--space-4: .25rem;--space-6: .375rem;--space-8: .5rem;--space-10: .625rem;--space-12: .75rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-32: 2rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-pill: 999px;--shadow-soft: 0 12px 30px rgba(0, 0, 0, .35);--bg: var(--color-bg);--surface: var(--color-surface);--surface-alt: var(--color-surface-alt);--surface-muted: var(--color-surface-muted);--surface-active: var(--color-surface-muted);--border: var(--color-border);--border-strong: var(--color-border-strong);--text: var(--color-text);--text-muted: var(--color-text-muted);--accent: var(--color-accent);--accent-muted: var(--color-accent-soft);--danger: var(--color-danger)}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}*,*:before,*:after{box-sizing:border-box}a{color:inherit}html,body{height:100%;margin:0}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--color-bg);color:var(--color-text)}.app-shell__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-16) var(--space-24);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-shell__header--hidden{display:none}.app-shell__nav-host{display:flex;align-items:center;gap:var(--space-8);flex:1 1 auto;min-width:0;flex-wrap:nowrap}.app-shell__notice{display:none;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-10);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-accent-soft);color:var(--color-text);font-size:var(--font-size-xs);text-align:right;white-space:nowrap}.app-shell__notice[data-visible=true]{display:inline-flex}.app-shell__notice-dot{width:8px;height:8px;border-radius:50%;background:#16a34a}.app-shell__notice-dot[data-status=stale]{background:#f59e0b}.app-shell__notice-button{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:transparent;color:var(--color-text);padding:var(--space-4) var(--space-10);cursor:pointer;font-size:var(--font-size-xs)}.app-shell__notice-button:disabled{opacity:.6;cursor:not-allowed}.app-shell__brand{font-size:var(--font-size-lg);font-weight:600;letter-spacing:.01em}.app-shell__nav{display:inline-flex;align-items:center;gap:var(--space-8);flex-wrap:nowrap;background:var(--color-surface-muted);padding:var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);min-width:0;overflow-x:auto;white-space:nowrap}.app-shell__nav-button{position:relative;border:none;border-radius:var(--radius-pill);padding:var(--space-8) var(--space-16);background:transparent;color:var(--color-text-muted);font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.app-shell__nav-button[data-active=true]{background:var(--color-accent-soft);color:var(--color-text)}@media (max-width: 720px){.app-shell__header{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:var(--space-6);padding:var(--space-12) var(--space-16);overflow-x:auto}.app-shell__nav-host{gap:var(--space-6);flex:1 1 auto;min-width:0}.app-shell__nav{width:auto;gap:var(--space-4);padding:var(--space-2)}.app-shell__nav-button{padding:var(--space-6) var(--space-10);font-size:.75rem}.app-shell__notice{gap:var(--space-4);padding:var(--space-4) var(--space-8);font-size:.7rem}.app-shell__notice-dot{width:6px;height:6px}.app-shell__notice-button{padding:var(--space-2) var(--space-6);font-size:.65rem}}.app-shell__nav-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell__content{position:relative;overflow-y:auto;background:var(--color-bg)}.app-shell__workspace{min-height:100%;display:none;flex-direction:column;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.app-shell__workspace[data-active=true]{display:flex;opacity:1;transform:translateY(0)}.app-shell__footer{padding:var(--space-12) var(--space-24);text-align:right;font-size:var(--font-size-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-surface)}.snip-workspace{min-height:100vh;display:grid;gap:var(--space-24);padding:var(--space-24);background:var(--color-bg);color:var(--color-text)}.snip-panel{display:block;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.snip-panel.snip-hidden{display:none}.snip-panel--login{min-height:100vh;display:grid;place-items:center;background:var(--color-bg);border:none;box-shadow:none;padding:var(--space-24)}.snip-panel--login .snip-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-24);width:min(420px,90vw)}.snip-panel--workspace{width:min(960px,100%);margin:0 auto;background:transparent;border:none;box-shadow:none;display:grid;gap:var(--space-24);padding-bottom:var(--space-24)}.snip-card{display:grid;gap:var(--space-16)}.snip-card__header h1{margin:0 0 var(--space-8);font-size:var(--font-size-xl)}.snip-card__header p{margin:0;color:var(--color-text-muted);line-height:1.6}.snip-inline-message{font-size:var(--font-size-sm);color:var(--color-text-muted)}.snip-form{display:grid;gap:var(--space-16)}.snip-form__field{display:grid;gap:var(--space-8)}.snip-form__field--compact{gap:var(--space-6)}.snip-form__actions{display:flex;justify-content:flex-end}.snip-input{width:100%;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text)}.snip-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.snip-input--multiline{resize:vertical;min-height:120px}.snip-input-group{display:flex;gap:var(--space-8);align-items:center}.snip-input-group__actions{display:inline-flex;gap:var(--space-6)}.snip-select{padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text)}.snip-select option{background:var(--color-surface-alt);color:var(--color-text)}.snip-button{border:none;border-radius:var(--radius-sm);padding:var(--space-8) var(--space-16);font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.snip-button--primary{background:var(--color-accent);color:#fff}.snip-button--ghost{background:transparent;color:var(--color-text-muted)}.snip-button--primary:hover,.snip-button--primary:focus-visible{background:#6b99ff}.snip-button--ghost:hover,.snip-button--ghost:focus-visible{color:var(--color-text);background:var(--color-accent-soft)}.snip-button:disabled{opacity:.6;cursor:not-allowed}.snip-workspace__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-20) var(--space-24);border-bottom:1px solid var(--color-border)}.snip-workspace__header h2{margin:0;font-size:var(--font-size-xl)}.snip-workspace__meta{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.snip-workspace__actions{display:flex;gap:var(--space-8)}.snip-message{margin:0 var(--space-24);padding:var(--space-10) var(--space-16);border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--font-size-sm)}.snip-message--success{background:#3fbf7f26;border-color:#3fbf7f73;color:#8ff0c1}.snip-message--error{background:#ff6f6f2e;border-color:#ff6f6f73;color:#ff9d9d}.snip-message--info{background:var(--color-accent-soft);border-color:#5d8cff66;color:var(--color-text)}.snip-compose{padding:0 var(--space-24) var(--space-16);display:grid;gap:var(--space-12)}.snip-compose__actions{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted)}.snip-compose__hint{color:var(--color-text-muted)}.snip-loading{margin:0 var(--space-24);padding:var(--space-16);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-muted)}.snip-hidden{display:none!important}.snip-list{display:grid;gap:var(--space-16);padding:0 var(--space-24) var(--space-24)}.snip-empty{padding:var(--space-16);border:1px dashed var(--color-border);border-radius:var(--radius-sm);text-align:center;color:var(--color-text-muted)}.snip-snippet{background:var(--color-surface-alt);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:var(--space-16);display:grid;gap:var(--space-12)}.snip-snippet__meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.snip-snippet__content{line-height:1.6;color:var(--color-text)}.snip-snippet__content pre{padding:var(--space-12);border-radius:var(--radius-sm);background:var(--color-surface-muted);overflow-x:auto}.snip-snippet__expand{display:inline-block;margin-top:var(--space-8);color:var(--color-accent);text-decoration:none}.snip-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-12);padding:var(--space-16) var(--space-24);border-top:1px solid var(--color-border)}.snip-pagination__info{color:var(--color-text-muted);font-size:var(--font-size-sm)}.pic-workspace{padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-16);background:var(--color-bg);color:var(--color-text);min-height:100vh}.pic-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-12)}.pic-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-xs);color:var(--color-text-muted)}.pic-repo{margin:var(--space-4) 0 0;font-weight:600}.pic-folder{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.pic-header__actions{display:flex;gap:var(--space-8);align-items:center}.pic-header__actions select{padding:var(--space-6) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text);font-size:var(--font-size-sm);min-width:140px}.pic-header__actions select:disabled{opacity:.7;cursor:not-allowed}.pic-header__actions select option{color:#fff;background:var(--color-surface-alt)}.pic-panel{display:grid;gap:var(--space-12);background:var(--color-surface);padding:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.pic-panel--horizontal{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);padding:var(--space-12)}.pic-panel--horizontal select,.pic-panel--horizontal input[type=text]{min-width:160px;padding:var(--space-8) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text)}.pic-panel--horizontal select option{color:#fff;background:var(--color-surface-alt)}.pic-field{display:flex;flex-direction:column;gap:var(--space-6)}.pic-field label{font-weight:600}.pic-hint{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.pic-field--row{display:flex;flex-wrap:wrap;gap:var(--space-12);align-items:flex-end}.pic-field--grow{flex:1 1 auto;min-width:150px}.pic-select select,.pic-panel input[type=text],.pic-panel input[type=search],.pic-panel select{min-width:220px;padding:var(--space-8) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text)}.pic-select select option,.pic-panel select option{color:#fff;background:var(--color-surface-alt)}.pic-inline-actions{display:flex;gap:var(--space-8)}.pic-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-16);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:var(--space-12)}.pic-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}.pic-card--compact{padding:var(--space-12)}.pic-card__header h3{margin:0;font-size:var(--font-size-lg)}.pic-card__hint{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.pic-status{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pic-upload{display:flex;gap:var(--space-8);align-items:center;flex-wrap:wrap}.pic-canvas{border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--space-8);background:var(--color-surface-alt);display:none;overflow:auto;touch-action:none}.pic-canvas[data-visible=true]{display:block}.pic-canvas canvas{width:100%;height:auto;display:block;border-radius:var(--radius-sm);background:#0b0b0b;transform-origin:top left}.pic-canvas.pic-zoomed{box-shadow:inset 0 0 0 1px var(--color-border)}.pic-actions{display:flex;justify-content:flex-end}.pic-button{border:none;border-radius:var(--radius-sm);padding:var(--space-8) var(--space-14);font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease;background:var(--color-surface-muted);color:var(--color-text)}.pic-button--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.pic-button--primary{background:var(--color-accent);color:#fff}.pic-button--icon{font-size:1.5rem;padding:var(--space-8) var(--space-12);background:transparent;border:1px solid var(--color-border)}.pic-button--save{padding:var(--space-12) var(--space-24);font-size:var(--font-size-lg);font-weight:700;background:var(--color-surface-muted);color:var(--color-text-muted);transition:background .2s ease,color .2s ease,transform .1s ease}.pic-button--save[data-ready=true]{background:#3b82f6;color:#fff}.pic-button--save[data-ready=true]:hover{background:#2563eb}.pic-button--save[data-ready=true]:active{transform:scale(.98)}.pic-button--send{padding:var(--space-12) var(--space-24);font-size:var(--font-size-lg);font-weight:700;background:var(--color-surface-muted);color:var(--color-text-muted);transition:background .2s ease,color .2s ease,transform .1s ease}.pic-button--send[data-ready=true]{background:#22c55e;color:#fff}.pic-button--send[data-ready=true]:hover{background:#16a34a}.pic-button--send[data-ready=true]:active{transform:scale(.98)}.pic-button:disabled{opacity:.6;cursor:not-allowed}.pic-timeline{display:grid;gap:var(--space-12);margin-top:var(--space-4);flex:1 1 auto;overflow-y:auto;padding-bottom:var(--space-64)}.pic-event{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-12);background:var(--color-surface);box-shadow:var(--shadow-soft)}.pic-event img{width:100%;border-radius:var(--radius-sm);display:block}.pic-event__meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-8)}.pic-bubble{padding:var(--space-10) var(--space-12);border-radius:var(--radius-sm)}.pic-bubble--user{background:#006400;color:#fff}.pic-bubble--assistant{background:var(--color-accent-soft)}.pic-bubble--pending{background:var(--color-surface-alt);color:var(--color-text-muted);font-style:italic}.pic-error{min-height:18px;color:#c0392b;font-size:var(--font-size-sm)}.pic-empty{padding:var(--space-16);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:center}.pic-composer{position:sticky;bottom:0;z-index:5;background:linear-gradient(180deg,rgba(12,12,12,.85) 0%,var(--color-bg) 18%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-8) 0 var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-12)}.pic-composer .pic-card{margin:0}.pic-token-info{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}.pic-timestamp-info{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}.pic-hidden{display:none!important}.pic-error[data-visible=false],.pic-panel--horizontal select[data-role=branch-select]{display:none}.pic-panel--horizontal select[data-role=branch-select][data-visible=true]{display:block}.pic-panel--horizontal button[data-action=rename-branch]{display:none}.pic-panel--horizontal button[data-action=rename-branch][data-visible=true]{display:inline-flex}.pic-panel--horizontal input[data-role=topic-input][data-visible=false]{display:none}.pic-error:empty{visibility:hidden}.pic-event__footer{margin-top:var(--space-12);padding-top:var(--space-10);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-8)}.pic-event__actions{display:flex;gap:var(--space-8);justify-content:flex-end}.pic-button--small{padding:var(--space-4) var(--space-10);font-size:var(--font-size-sm)}.pic-branch-links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);font-size:var(--font-size-sm)}.pic-branch-links__label{color:var(--color-text-muted)}.pic-branch-link{color:var(--color-accent);text-decoration:none;padding:var(--space-2) var(--space-6);border-radius:var(--radius-sm);background:var(--color-surface-alt);transition:background .15s ease}.pic-branch-link:hover{background:var(--color-accent-soft);text-decoration:underline}.pic-panel--horizontal select[data-role=topic-select],.pic-panel--horizontal select[data-role=conversation-select]{max-width:80vw}.pic-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-16)}.pic-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);width:100%;max-width:400px;padding:var(--space-24)}.pic-modal__header{margin:0 0 var(--space-16);font-size:var(--font-size-lg);font-weight:600}.pic-modal__field{margin-bottom:var(--space-16)}.pic-modal__label{display:block;margin-bottom:var(--space-6);font-weight:500;font-size:var(--font-size-sm)}.pic-modal__input,.pic-modal__select{width:100%;padding:var(--space-10) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text);font-size:var(--font-size-base)}.pic-modal__select option{color:#fff;background:var(--color-surface-alt)}.pic-modal__actions{display:flex;gap:var(--space-10);margin-top:var(--space-20)}.pic-modal__actions .pic-button{flex:1}.pic-button--success{background:#22c55e;color:#fff}.pic-button--success:hover:not(:disabled){background:#16a34a}.pic-button--danger{background:#dc2626;color:#fff}.pic-button--danger:hover:not(:disabled){background:#b91c1c}.pic-button--secondary{background:#6b7280;color:#fff}.pic-button--secondary:hover:not(:disabled){background:#4b5563}