:root{--bg: #0a0d14;--bg-deep: #070910;--panel: #15171e;--panel-2: #1c1f28;--panel-3: #232733;--panel-elevated: #1a1c24;--border: #24272f;--border-strong: #323743;--text: #e9ebf0;--text-2: #c4c9d3;--muted: #8b919c;--faint: #6b727e;--accent: #5b7cfa;--accent-solid: #4361e0;--accent-hover: #5777ee;--accent-press: #3a57d4;--accent-fg: #ffffff;--accent-soft: rgba(91, 124, 250, .14);--accent-line: rgba(91, 124, 250, .42);--cyan-soft: #22d3ee;--cyan-line: rgba(34, 211, 238, .2);--cyan-solid: #06b6d4;--violet-soft: #a78bfa;--violet-line: rgba(167, 139, 250, .2);--violet-solid: #8b5cf6;--ok: #4cd396;--ok-soft: rgba(76, 211, 150, .13);--ok-line: rgba(76, 211, 150, .38);--warn: #f2b94b;--warn-soft: rgba(242, 185, 75, .13);--warn-line: rgba(242, 185, 75, .4);--err: #f3736f;--err-soft: rgba(243, 115, 111, .13);--err-line: rgba(243, 115, 111, .42);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 24px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(5, 7, 11, .4);--shadow-md: 0 6px 20px -6px rgba(5, 7, 11, .5);--shadow-lg: 0 20px 50px -14px rgba(5, 7, 11, .62);--shadow-xl: 0 32px 80px -20px rgba(5, 7, 11, .72);--shadow-glow: 0 0 24px rgba(91, 124, 250, .18);--accent-glow: 0 0 16px rgba(91, 124, 250, .28), 0 0 4px rgba(91, 124, 250, .4);--edge: inset 0 1px 0 rgba(255, 255, 255, .04);--ease: cubic-bezier(.16, 1, .3, 1);--dur: .16s;--dur-slow: .36s;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--type-display: 800 56px/1 var(--font-sans);--type-h1: 700 42px/1.05 var(--font-sans);--type-h2: 700 28px/1.1 var(--font-sans);--type-h3: 600 18px/1.3 var(--font-sans);--type-body: 400 14px/1.6 var(--font-sans);--type-body-lg: 400 16px/1.6 var(--font-sans);--type-small: 500 13px/1.4 var(--font-sans);--type-micro: 700 11px/1.2 var(--font-sans);--tracking-display: -.05em;--tracking-h1: -.04em;--tracking-h2: -.03em;--tracking-h3: -.02em;--tracking-body: -.01em;--tracking-micro: .1em;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 48px;--gradient-hero: radial-gradient(1600px 900px at 50% 0%, rgba(91, 124, 250, .14), transparent 60%);--gradient-tri: linear-gradient(135deg, var(--accent) 0%, var(--cyan-soft) 52%, var(--violet-soft) 100%);--gradient-accent: linear-gradient(135deg, rgba(91, 124, 250, .2) 0%, rgba(67, 97, 224, .12) 100%);--gradient-card: linear-gradient(to bottom, rgba(255, 255, 255, .03) 0%, transparent 100%);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--gradient-hero),var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:var(--accent-soft);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#3d4350;background-clip:padding-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}button{font-family:inherit}.app{display:grid;grid-template-columns:60px 272px 1fr;height:100%}.app--gallery{grid-template-columns:60px 1fr}.railbar{width:60px;height:100%;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:var(--space-md) 0;gap:var(--space-sm);position:relative;z-index:2}.railbar__nav{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}.railbar__nav-btn{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.railbar__nav-btn:hover{background:var(--panel-2);color:var(--text);border-color:var(--border)}.railbar__nav--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);box-shadow:inset 0 0 0 1px var(--accent-line)}.railbar__user-wrap{margin-top:auto;position:relative;display:flex;justify-content:center}.railbar__user{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;color:var(--text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.railbar__user:hover,.railbar__user--open{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.railbar__avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--gradient-accent);border:1px solid var(--accent-line);color:var(--text);font-size:13px;font-weight:700;letter-spacing:.01em}.rail-popover{position:absolute;bottom:0;left:calc(100% + 10px);min-width:176px;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--gradient-card),var(--panel-elevated);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg),var(--edge);z-index:30;animation:rail-popover-in var(--dur) var(--ease) both}@keyframes rail-popover-in{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rail-popover__name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-popover__logout{background:var(--panel-2);border:1px solid var(--border);color:var(--text-2);border-radius:var(--r-sm);padding:7px 13px;font-size:13px;cursor:pointer;text-align:left;transition:border-color var(--dur),background var(--dur),color var(--dur)}.rail-popover__logout:hover{border-color:var(--border-strong);background:var(--panel-3);color:var(--text)}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;position:relative}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:var(--gradient-accent);opacity:.5;pointer-events:none}.sidebar__header{height:64px;flex-shrink:0;position:relative;z-index:1;border-bottom:1px solid transparent}.sidebar__actions{display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-md) var(--space-sm);position:relative;z-index:1}.sidebar__new{padding:11px 14px;background:var(--accent-solid);color:var(--accent-fg);border:none;border-radius:var(--r-md);font-weight:600;font-size:13px;cursor:pointer;box-shadow:var(--shadow-md),var(--edge),var(--shadow-glow);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur)}.sidebar__new:hover{background:var(--accent-hover);box-shadow:var(--shadow-md),var(--edge),var(--accent-glow)}.sidebar__new:active{background:var(--accent-press);transform:translateY(1px);box-shadow:var(--shadow-sm),var(--edge)}.sidebar__list{list-style:none;margin:0;padding:0 8px 12px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.sidebar__empty{padding:16px;color:var(--muted);font-style:italic}.sidebar__item{position:relative;display:flex;align-items:center;gap:2px;padding:1px 2px;border-radius:var(--r-md);transition:background var(--dur) var(--ease)}.sidebar__item:hover{background:var(--panel-2)}.sidebar__item--active{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.sidebar__item--active:before{content:"";position:absolute;left:-4px;top:8px;bottom:8px;width:3px;border-radius:var(--r-pill);background:var(--accent);box-shadow:0 0 10px #5b7cfa99}.sidebar__select{flex:1;background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:9px 10px;min-width:0;border-radius:var(--r-md)}.sidebar__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}.sidebar__item--active .sidebar__title{color:var(--text)}.sidebar__turn-count{color:var(--muted);font-weight:400;font-size:12px}.sidebar__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.pill.pill--sm{font-size:10px;padding:2px 7px;letter-spacing:.05em}.sidebar__duration{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.sidebar__delete{background:transparent;border:none;color:var(--faint);font-size:18px;line-height:1;cursor:pointer;padding:9px 12px;border-radius:var(--r-sm);opacity:0;transition:opacity var(--dur),color var(--dur),background var(--dur)}.sidebar__item:hover .sidebar__delete,.sidebar__delete:focus-visible{opacity:1}.sidebar__delete:hover{color:var(--err);background:var(--err-soft)}.sidebar__footer{margin-top:auto;border-top:1px solid var(--border);padding:var(--space-sm) var(--space-md);flex-shrink:0}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.user-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.user-bar__name{font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-bar__logout{background:var(--panel-2);border:1px solid var(--border);color:var(--text-2);border-radius:var(--r-sm);padding:6px 13px;font-size:13px;cursor:pointer;flex-shrink:0;transition:border-color var(--dur),background var(--dur),color var(--dur)}.user-bar__logout:hover{border-color:var(--border-strong);background:var(--panel-3);color:var(--text)}.hero{position:relative;overflow:hidden;width:100%;max-width:880px;margin:0 auto;padding:clamp(40px,9vh,96px) var(--space-xl) 56px;display:flex;flex-direction:column;align-items:center;animation:rise-in var(--dur-slow) var(--ease) both}.hero__decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.hero__glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.hero__glow--indigo{width:320px;height:320px;top:-60px;left:8%;background:radial-gradient(circle,rgba(91,124,250,.55),transparent 70%)}.hero__glow--cyan{width:220px;height:220px;top:10px;right:10%;background:radial-gradient(circle,rgba(34,211,238,.4),transparent 70%)}.hero__glow--violet{width:260px;height:260px;top:-30px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(167,139,250,.38),transparent 70%)}.hero__grid{position:absolute;top:0;left:50%;transform:translate(-50%);width:640px;max-width:100%;height:220px;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 40%,#000 30%,transparent 75%);opacity:.9}.hero__body{position:relative;z-index:1;min-width:0;width:100%;max-width:820px}.hero__title{margin:-.12em 0 var(--space-lg);padding:.12em 0;font:var(--type-display);font-size:clamp(38px,6.4vw,56px);line-height:1.15;letter-spacing:var(--tracking-display);color:var(--text);background:var(--gradient-tri);opacity:.98;text-shadow:0 1px 30px rgba(91,124,250,.16);animation:hero-enter .4s var(--ease) both}@supports ((-webkit-background-clip: text) or (background-clip: text)){.hero__title{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.hero__desc{color:var(--text-2);margin:0 0 var(--space-xl);font:var(--type-body-lg);line-height:1.6;max-width:60ch;letter-spacing:var(--tracking-body)}.hero__kw{font-weight:600}.hero__kw--cyan{color:var(--cyan-soft)}.hero__kw--indigo{color:var(--accent)}.hero__kw--violet{color:var(--violet-soft)}.hero__label{display:block;margin:0 0 var(--space-sm);font:var(--type-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--muted)}.hero__composer-wrap{display:block;width:100%}.hero__example{margin-top:var(--space-md);background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px 2px;transition:color var(--dur)}.hero__example:before{content:"✨ "}.hero__example:hover{color:var(--accent)}@media (prefers-reduced-motion: no-preference){.hero__glow{will-change:transform}.hero__glow--indigo{animation:hero-glow-drift 14s var(--ease) infinite alternate}.hero__glow--cyan{animation:hero-glow-drift 11s var(--ease) infinite alternate-reverse}.hero__glow--violet{animation:hero-glow-pulse 16s ease-in-out infinite}}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(1600px 1600px at 50% 50%,rgba(91,124,250,.12),transparent 60%),radial-gradient(900px 700px at 82% 12%,rgba(167,139,250,.08),transparent 60%),radial-gradient(900px 700px at 16% 88%,rgba(34,211,238,.06),transparent 60%),var(--bg)}.login-form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;background:var(--gradient-card),var(--panel-elevated);border:1px solid var(--border);border-radius:var(--r-xl);padding:40px 34px;box-shadow:var(--shadow-xl),var(--edge);animation:rise-in var(--dur-slow) var(--ease) both}.login-form__brand{align-self:center;display:grid;place-items:center;width:68px;height:68px;border-radius:var(--r-lg);background:var(--gradient-accent);border:1px solid var(--accent-line);box-shadow:var(--shadow-glow);margin-bottom:2px}.login__wordmark{margin:0 0 4px;text-align:center;font:var(--type-h3);letter-spacing:var(--tracking-h3);background:var(--gradient-tri);color:var(--accent)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.login__wordmark{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}.login-form h1{margin:0;text-align:center;font:var(--type-h2);letter-spacing:var(--tracking-h2);font-weight:700}.login__trust{margin:0 0 8px;text-align:center;font:var(--type-micro);letter-spacing:var(--tracking-micro);text-transform:uppercase;color:var(--muted)}.login__tagline{margin:0 0 4px;text-align:center;font:var(--type-small);line-height:1.5;color:var(--text-2);max-width:34ch;margin-inline:auto}.login-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--text-2);letter-spacing:-.01em}.login-form input{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-sm);padding:11px 13px;color:var(--text);font-size:14px;font-family:inherit;transition:border-color var(--dur),box-shadow var(--dur)}.login-form input::placeholder{color:var(--muted)}.login-form input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-glow)}.login-form button[type=submit]{margin-top:6px;background:var(--accent-solid);color:var(--accent-fg);border:none;border-radius:var(--r-sm);padding:12px;font-weight:600;font-size:14px;cursor:pointer;box-shadow:var(--shadow-md),var(--edge),var(--shadow-glow);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur)}.login-form button[type=submit]:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md),var(--edge),var(--accent-glow)}.login-form button[type=submit]:active:not(:disabled){background:var(--accent-press);transform:translateY(1px);box-shadow:var(--shadow-sm),var(--edge)}.login-form button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.login-toggle{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;padding:4px;align-self:center;transition:color var(--dur)}.login-toggle:hover{color:var(--accent)}.prompt{position:relative;background:var(--gradient-card),var(--panel-elevated);border:1px solid var(--border);border-radius:var(--r-2xl);padding:16px;box-shadow:var(--shadow-xl),var(--edge);transition:border-color var(--dur),box-shadow var(--dur)}.prompt:focus-within{border-color:var(--accent-line);box-shadow:var(--shadow-xl),0 0 0 3px var(--accent-soft),var(--shadow-glow)}.prompt--drop{outline:2px dashed var(--accent);outline-offset:-4px}.prompt__input{width:100%;min-height:148px;background:transparent;border:none;color:var(--text);resize:vertical;font-family:inherit;font-size:15px;line-height:1.6;outline:none}.prompt__input::placeholder{color:var(--muted)}.prompt__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.prompt__hint{color:var(--muted);font-size:12px}.prompt__submit{background:var(--accent-solid);color:var(--accent-fg);border:none;padding:9px 18px;border-radius:var(--r-md);font-weight:600;font-size:13px;cursor:pointer;box-shadow:var(--shadow-sm),var(--edge),var(--shadow-glow);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur)}.prompt__submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md),var(--edge),var(--accent-glow)}.prompt__submit:active:not(:disabled){background:var(--accent-press);transform:translateY(1px);box-shadow:var(--shadow-sm),var(--edge)}.prompt__submit:disabled{opacity:.5;cursor:not-allowed}.prompt__attach{background:transparent;border:1px solid var(--border);color:var(--text-2);padding:7px 11px;border-radius:var(--r-md);cursor:pointer;font-size:16px;line-height:1;margin-left:auto;margin-right:8px;transition:border-color var(--dur),background var(--dur),color var(--dur)}.prompt__attach:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-2);color:var(--text)}.prompt__attach:disabled{opacity:.5;cursor:not-allowed}.prompt__stash{display:inline-flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md);padding:5px 10px;margin-bottom:10px;font-size:13px}.prompt__stash-clear{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.prompt__stash-clear:hover{color:var(--err)}.prompt__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#5b7cfa1f;border-radius:var(--r-2xl);pointer-events:none;color:var(--accent);font-weight:600}.error{color:var(--err);font-size:13px}.empty .error,.hero .error{margin-top:12px}.session{display:flex;flex-direction:column;height:100%;min-height:0}.session__control-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);height:56px;flex-shrink:0;padding:0 var(--space-lg);background:#5b7cfa0f;border-bottom:1px solid var(--accent-line)}.control-bar__left{display:flex;align-items:baseline;gap:var(--space-md);min-width:0;flex:1}.control-bar__title{font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48ch}.control-bar__breadcrumb{font:var(--type-small);color:var(--muted);white-space:nowrap;flex-shrink:0}.control-bar__center{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.control-bar__center .error{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch}.control-bar__right{display:flex;align-items:center;flex-shrink:0}.control-bar__cancel{background:var(--err-soft);color:var(--err);border:1px solid var(--err-line);padding:6px 14px;border-radius:var(--r-sm);font-size:13px;font-weight:600;cursor:pointer;transition:filter var(--dur)}.control-bar__cancel:hover{filter:brightness(1.1)}.session__split{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg);flex:1;min-height:0;padding:var(--space-lg)}.trace-pane,.preview-pane{overflow-y:auto;min-width:0;min-height:0}.trace-pane{position:relative;padding-left:var(--space-lg);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-lg) var(--space-lg) var(--space-lg) 28px}.trace-pane:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:1px;background:var(--cyan-line)}.preview-pane{background:var(--panel);border:1px solid var(--violet-line);border-radius:var(--r-lg);padding:var(--space-lg)}.session__composer{position:sticky;bottom:0;flex-shrink:0;background:var(--bg);border-top:1px solid var(--border);padding:var(--space-md) var(--space-lg)}.trace__heading{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);font-weight:700;margin:0 0 16px}.trace__placeholder{color:var(--muted);font-style:italic}.trace__message{background:var(--gradient-card),var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 15px;margin-bottom:12px;box-shadow:var(--shadow-md);animation:rise-in var(--dur-slow) var(--ease) both;transition:transform var(--dur),box-shadow var(--dur)}.trace__message:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.trace__role{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:7px}.trace__text{white-space:pre-wrap;line-height:1.6;color:var(--text)}.trace__cursor{color:var(--accent);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.trace__message--system{background:var(--panel-2);border-style:dashed;box-shadow:none}.trace__message--system:hover{transform:none;box-shadow:none}.trace__author-chip{display:inline-block;padding:2px 7px;border-radius:var(--r-sm);background:#8b919c29;color:var(--muted);font-size:10px;letter-spacing:.07em}.trace__text--system{color:var(--muted);font-style:italic}.turn-truth{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;margin-top:8px;border-radius:var(--r-md);font-size:12px;line-height:1.45}.turn-truth--ok{background:var(--ok-soft);color:var(--text);border:1px solid var(--ok-line)}.turn-truth--ok .turn-truth__icon{color:var(--ok)}.turn-truth--mismatch{background:var(--warn-soft);color:var(--text);border:1px solid var(--warn-line)}.turn-truth--mismatch .turn-truth__icon{color:var(--warn)}.turn-truth--empty{background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.turn-truth__icon{flex-shrink:0;font-weight:600}.turn-truth__body strong{color:var(--text)}.trace__tools{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.trace__errors{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.trace__error{background:var(--err-soft);border:1px solid var(--err-line);border-radius:var(--r-lg);padding:11px 12px;animation:rise-in var(--dur-slow) var(--ease) both}.trace__error--fatal{background:#f3736f29}.trace__error-head{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.trace__error-code{font-family:var(--font-mono);font-size:12px;color:var(--err);font-weight:600}.trace__error-message{font-size:13px;color:var(--text);white-space:pre-wrap;word-break:break-word}.trace__error-status{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);font-family:var(--font-mono)}.trace__error-upstream{margin-top:8px}.trace__error-upstream summary{cursor:pointer;color:var(--muted);font-size:12px}.trace__error-upstream-body{margin-top:6px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px;font-size:12px;white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto}.trace__terminal{margin-top:12px;padding:16px;border:1px solid var(--err-line);background:var(--err-soft);border-radius:var(--r-lg);color:var(--text)}.trace__terminal-reason{font-family:var(--font-mono);font-size:12px;color:var(--err);margin:6px 0;word-break:break-word}.trace__terminal-hint{color:var(--muted);font-size:12px;margin:4px 0 0}.tool{background:var(--gradient-card),var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);transition:border-color var(--dur),transform var(--dur),box-shadow var(--dur);animation:rise-in var(--dur-slow) var(--ease) both}.tool:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tool--running{border-color:var(--accent-line);box-shadow:var(--shadow-md),0 0 0 2px var(--accent-soft)}.tool--ok{border-color:var(--ok-line)}.tool--error{border-color:var(--err-line)}.tool__head{display:flex;align-items:center;gap:8px;padding:11px 13px;cursor:pointer;-webkit-user-select:none;user-select:none}.tool-icon{width:32px;height:32px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;border:1px solid var(--border);background:var(--panel-2)}.tool__name{font-family:var(--font-mono);font-size:13px;flex:1;color:var(--text);font-weight:500}.tool__chevron{color:var(--muted);transition:color var(--dur)}.tool__head:hover .tool__chevron{color:var(--text-2)}.tool__body{border-top:1px solid var(--border);padding:8px 12px}.tool__body summary{cursor:pointer;color:var(--muted);font-size:12px;padding:4px 0}.tool__pre{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-sm);padding:9px;font-family:var(--font-mono);font-size:12px;line-height:1.5;overflow-x:auto;margin:4px 0 8px}.preview{display:flex;flex-direction:column;gap:16px;height:100%}.preview__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.size-tabs{position:relative;display:inline-flex;gap:2px;padding:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-pill)}.size-tabs__slider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);background:var(--accent-solid);border-radius:var(--r-pill);box-shadow:var(--edge);z-index:0;transition:transform .2s var(--ease)}.size-tabs[data-size=small] .size-tabs__slider{transform:translate(0)}.size-tabs[data-size=medium] .size-tabs__slider{transform:translate(100%)}.size-tabs[data-size=large] .size-tabs__slider{transform:translate(200%)}.size-tab{position:relative;z-index:1;background:transparent;border:none;color:var(--text-2);padding:6px 14px;min-width:44px;min-height:44px;border-radius:var(--r-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;text-transform:capitalize;transition:color var(--dur)}.size-tab:hover{color:var(--text)}.size-tab--active{color:var(--accent-fg)}.preview__actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.preview__dot{color:var(--ok);font-size:8px}.size-tab--active .preview__dot{color:var(--accent-fg)}.preview__toggle{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;cursor:pointer}.preview__toggle input{accent-color:var(--accent)}.preview__copy{background:var(--panel-2);color:var(--text-2);border:1px solid var(--border);padding:6px 12px;border-radius:var(--r-sm);cursor:pointer;font-size:12px;transition:border-color var(--dur),background var(--dur),color var(--dur)}.preview__copy:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-3);color:var(--text)}.preview__copy:disabled{opacity:.5;cursor:not-allowed}.preview__stage{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--bg-deep),var(--bg-deep)),repeating-conic-gradient(#171a20,#171a20 25%,#121419 0%,#121419 50%) 50% / 22px 22px;background-blend-mode:normal;border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;min-height:240px}.preview__stage{background:repeating-conic-gradient(rgba(255,255,255,.022) 0% 25%,transparent 0% 50%) 50% / 22px 22px,var(--bg-deep)}.preview__placeholder{color:var(--muted);text-align:center;line-height:1.6}.preview__placeholder code{font-family:var(--font-mono);background:var(--panel-2);padding:1px 6px;border-radius:var(--r-sm);color:var(--text-2)}.preview__iframe-wrap{box-shadow:var(--shadow-lg)}.preview__iframe-wrap.pulse{animation:border-pulse .3s var(--ease)}.preview__raw{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-md);padding:12px;font-family:var(--font-mono);font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:100%;overflow:auto;width:100%}.preview__turn-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.preview__turn-label{color:var(--muted);font-size:12px}.preview__turn-picker{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);padding:5px 9px;font-size:13px;cursor:pointer}.pill{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:3px 10px;border-radius:var(--r-pill);background:var(--panel-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.pill--running,.pill--connecting{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);box-shadow:0 0 12px #5b7cfa4d}.pill--ok,.pill--done{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-line)}.pill--error{background:var(--err-soft);color:var(--err);border-color:var(--err-line)}.pill--cancelled{background:#8b919c24;color:var(--muted);border-color:var(--border)}.pill--pending{background:var(--accent-soft);color:var(--muted);border-color:var(--border)}.pill--queued{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-line)}.pill--running,.pill--connecting{animation:pulse-soft 2s var(--ease) infinite}.connectivity-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;background:var(--err-soft);border-bottom:1px solid var(--err-line);color:var(--text)}.connectivity-banner__body{flex:1;min-width:0}.connectivity-banner__title{color:var(--err);display:block;font-size:13px;font-weight:600}.connectivity-banner__message{font-size:13px;margin-top:2px;word-break:break-word}.connectivity-banner__hint{margin-top:6px;font-size:12px;color:var(--muted)}.connectivity-banner__hint summary{cursor:pointer}.connectivity-banner__hint ol{margin:6px 0 0 18px;padding:0}.connectivity-banner__hint li{margin-bottom:4px}.connectivity-banner__hint code{background:var(--panel-2);padding:1px 5px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:12px}.connectivity-banner__actions{display:flex;gap:8px;align-items:center}.connectivity-banner__retry{background:var(--err);color:#1a0c0c;border:none;padding:6px 13px;border-radius:var(--r-md);cursor:pointer;font-weight:600;transition:filter var(--dur)}.connectivity-banner__retry:hover{filter:brightness(1.08)}.connectivity-banner__dismiss{background:none;border:none;color:var(--err);font-size:18px;cursor:pointer;padding:0 4px}.trace__prompt{margin-top:12px}.prompt-card{background:var(--panel);border:1px solid var(--accent-line);border-radius:var(--r-xl);padding:15px;display:flex;flex-direction:column;gap:11px;box-shadow:var(--shadow-md),0 0 0 3px var(--accent-soft);animation:rise-in var(--dur-slow) var(--ease) both}.prompt-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.prompt-card__question{font-weight:600;font-size:14px}.prompt-card__timer{font-family:var(--font-mono);font-size:12px;color:var(--accent);padding:2px 9px;border:1px solid var(--accent-line);border-radius:var(--r-pill);background:var(--accent-soft)}.prompt-card__timer--expired{color:var(--muted);border-color:var(--border);background:var(--panel-2)}.prompt-card__chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-pill);padding:9px 16px;font-size:13px;cursor:pointer;transition:border-color var(--dur),background var(--dur),transform var(--dur)}.chip:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-3)}.chip:active:not(:disabled){transform:scale(.97)}.chip--active{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--accent-fg)}.chip:disabled{opacity:.6;cursor:not-allowed}.prompt-card__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.prompt-card__hint{color:var(--muted);font-size:12px}.prompt-card__confirm{background:var(--accent-solid);color:var(--accent-fg);border:none;padding:7px 15px;border-radius:var(--r-md);cursor:pointer;font-weight:600;font-size:13px;box-shadow:var(--shadow-sm),var(--edge),var(--shadow-glow);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur)}.prompt-card__confirm:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md),var(--edge),var(--accent-glow)}.prompt-card__confirm:active:not(:disabled){background:var(--accent-press);transform:translateY(1px)}.prompt-card__confirm:disabled{opacity:.5;cursor:not-allowed}.trace__resolved-prompts{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.prompt-resolved{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--border);padding:4px 11px;border-radius:var(--r-pill);align-self:flex-start}.prompt-resolved--user .prompt-resolved__icon{color:var(--ok)}.prompt-resolved--timeout .prompt-resolved__icon{color:var(--warn)}.prompt-resolved__text strong{color:var(--text);font-weight:600}.trace__turns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.trace__turn-item{position:relative}.turn-card__pill{position:absolute;left:-26px;top:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:12px var(--font-mono);background:var(--panel-2);border:1px solid var(--border);color:var(--text-2);z-index:1}.turn-card__pill--active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:0 0 10px #5b7cfa80}.turn-card__summary{flex-shrink:0;font:var(--type-small);color:var(--cyan-soft);background:var(--cyan-line);padding:2px var(--space-sm);border-radius:var(--r-pill);white-space:nowrap}.turn-card{background:var(--gradient-card),var(--panel);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:border-color var(--dur),transform var(--dur),box-shadow var(--dur);animation:rise-in var(--dur-slow) var(--ease) both}.turn-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.turn-card--running{border-color:var(--accent-line);box-shadow:var(--shadow-md),0 0 0 2px var(--accent-soft)}.turn-card--error{border-color:var(--err-line)}.turn-card--queued{border-color:var(--warn-line)}.turn-card--cancelled{opacity:.68}.turn-card__head{display:flex;align-items:center;gap:10px;padding:12px 15px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur)}.turn-card__head:hover{background:var(--panel-2)}.turn-card--queued .turn-card__head{opacity:.9}.turn-card__chevron{color:var(--muted);width:14px;flex-shrink:0}.turn-card__index{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;font-weight:700;flex-shrink:0}.turn-card__prompt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--text-2)}.turn-card__prompt--empty{color:var(--muted);font-style:italic}.turn-card__cancel{background:var(--err-soft);color:var(--err);border:1px solid var(--err-line);padding:5px 12px;border-radius:var(--r-sm);font-size:12px;cursor:pointer;transition:filter var(--dur)}.turn-card__cancel:hover:not(:disabled){filter:brightness(1.1)}.turn-card__cancel:disabled{opacity:.5;cursor:not-allowed}.turn-card__body{padding:14px 15px 15px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:11px}.turn-card__queued{display:flex;align-items:center;gap:8px;background:var(--warn-soft);border:1px solid var(--warn-line);border-radius:var(--r-md);padding:9px 12px;color:var(--text-2);font-size:13px}.turn-card__queued-icon{font-size:16px}.turn-card__image{display:flex}.session__composer .followup-error,.followup-error{display:flex;align-items:center;justify-content:space-between;background:var(--err-soft);border:1px solid var(--err-line);padding:9px 12px;border-radius:var(--r-md);margin-bottom:8px}.followup-error__dismiss{background:none;border:none;color:var(--err);font-size:18px;cursor:pointer;padding:0 4px}.sticky-prompt{display:flex;flex-direction:column;gap:8px;background:var(--gradient-card),var(--panel-elevated);border:1px solid var(--border);border-radius:var(--r-xl);padding:10px;position:relative;box-shadow:var(--shadow-lg),var(--edge);transition:border-color var(--dur),box-shadow var(--dur)}.sticky-prompt:focus-within{border-color:var(--accent-line);box-shadow:var(--shadow-lg),var(--shadow-glow),0 0 0 3px var(--accent-soft)}.sticky-prompt--drop{outline:2px dashed var(--accent);outline-offset:-4px}.sticky-prompt__pill{position:absolute;top:-10px;left:14px}.sticky-prompt__row{display:flex;gap:8px;align-items:stretch}.sticky-prompt__input{flex:1;background:transparent;border:none;color:var(--text);resize:vertical;font-family:inherit;font-size:14px;line-height:1.55;outline:none;min-height:48px;padding:4px}.sticky-prompt__input::placeholder{color:var(--muted)}.sticky-prompt__attach{background:transparent;border:1px solid var(--border);color:var(--text-2);padding:4px 10px;border-radius:var(--r-md);cursor:pointer;align-self:flex-end;font-size:16px;line-height:1;transition:border-color var(--dur),background var(--dur)}.sticky-prompt__attach:hover:not(:disabled){border-color:var(--border-strong);background:var(--panel-2)}.sticky-prompt__attach:disabled{opacity:.5;cursor:not-allowed}.sticky-prompt__submit{background:var(--accent-solid);color:var(--accent-fg);border:none;padding:7px 17px;border-radius:var(--r-md);font-weight:600;font-size:13px;cursor:pointer;align-self:flex-end;box-shadow:var(--shadow-sm),var(--edge),var(--shadow-glow);transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur)}.sticky-prompt__submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md),var(--edge),var(--accent-glow)}.sticky-prompt__submit:active:not(:disabled){background:var(--accent-press);transform:translateY(1px)}.sticky-prompt__submit:disabled{opacity:.5;cursor:not-allowed}.sticky-prompt__reanalyze{align-self:flex-start;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-line);padding:5px 12px;border-radius:var(--r-pill);font-size:12px;cursor:pointer;transition:filter var(--dur)}.sticky-prompt__reanalyze:hover{filter:brightness(1.12)}.sticky-prompt__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#5b7cfa1f;border-radius:var(--r-xl);pointer-events:none;color:var(--accent);font-weight:600}.image-attach{display:flex;align-items:center;gap:11px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:9px}.image-attach--uploading{color:var(--muted)}.image-attach--failed{border-color:var(--err-line);background:var(--err-soft)}.image-attach__spinner{font-size:16px}.image-attach__thumb{width:64px;height:64px;border-radius:var(--r-md);object-fit:cover;border:1px solid var(--border);flex-shrink:0}.image-attach__thumb--placeholder{background:var(--panel-3);display:block}.image-attach__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.image-attach__name{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-attach__size{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.image-attach__status{font-size:12px;color:var(--muted)}.image-attach__error{font-size:12px;color:var(--err)}.image-attach__intent{display:flex;gap:2px;border:1px solid var(--border);border-radius:var(--r-pill);padding:2px;margin:0;background:var(--bg-deep);flex-shrink:0}.image-attach__intent-opt{position:relative;font-size:11px;padding:4px 9px;border-radius:var(--r-pill);cursor:pointer;color:var(--muted);text-transform:capitalize;transition:background var(--dur),color var(--dur)}.image-attach__intent-opt:hover{color:var(--text-2)}.image-attach__intent-opt input{position:absolute;opacity:0;width:0;height:0}.image-attach__intent-opt--active{background:var(--accent-soft);color:var(--accent)}.image-attach__clear{background:none;border:none;color:var(--faint);font-size:18px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:var(--r-sm);flex-shrink:0;transition:color var(--dur),background var(--dur)}.image-attach__clear:hover{color:var(--err);background:var(--err-soft)}.image-thumb{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);margin:0;flex-shrink:0}.image-thumb__img{width:100%;height:100%;object-fit:cover;display:block}.image-thumb__intent{position:absolute;bottom:0;left:0;right:0;font-size:10px;text-transform:capitalize;background:#080a0cb8;color:var(--text-2);padding:2px 4px;text-align:center}.vision-summary{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column;gap:10px}.vision-summary__head{display:flex;align-items:center;gap:8px}.vision-summary__icon{font-size:16px;flex-shrink:0}.vision-summary__title{margin:0;font-size:13px;font-weight:600;flex:1}.vision-summary__intent{text-transform:capitalize}.vision-summary__body{margin:0;font-size:13px;line-height:1.55;color:var(--text-2)}.vision-summary__observations{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:12.5px;line-height:1.5;color:var(--text-2)}.vision-summary__palette{display:flex;gap:6px;flex-wrap:wrap}.vision-summary__swatch{width:26px;height:26px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px #0003}.vision-summary__clarify{align-self:flex-start;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:var(--r-pill);padding:5px 13px;font-size:12px;cursor:pointer;transition:color var(--dur),border-color var(--dur)}.vision-summary__clarify:hover{color:var(--accent);border-color:var(--accent-line)}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.62}}@keyframes border-pulse{0%,to{border-color:var(--border)}50%{border-color:var(--accent)}}@keyframes hero-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-glow-drift{0%{transform:translate(0) scale(1);opacity:.42}to{transform:translate(24px,14px) scale(1.08);opacity:.6}}@keyframes hero-glow-pulse{0%,to{transform:translate(-50%) scale(1);opacity:.34}50%{transform:translate(-50%) scale(1.12);opacity:.52}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 1.2s var(--ease) .15s 1;pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width: 1023px) and (min-width: 721px){.app{grid-template-columns:60px 240px 1fr}.app--gallery{grid-template-columns:60px 1fr}.session__split{grid-template-columns:1fr;grid-template-rows:minmax(0,1.4fr) minmax(0,1fr)}.trace-pane{border-right:none;border-bottom:1px solid var(--border)}}@media (max-width: 720px){.app,.app--sessions{grid-template-columns:60px 1fr;grid-template-rows:auto 1fr}.app--gallery{grid-template-columns:60px 1fr;grid-template-rows:1fr}.railbar{grid-row:1 / -1}.sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:42vh}.sidebar__header{height:12px}.sidebar__item--active:before{display:none}.session__split{grid-template-columns:1fr;grid-template-rows:minmax(0,1.3fr) minmax(0,1fr)}.trace-pane{border-right:none;border-bottom:1px solid var(--border)}.hero{padding-top:32px}.hero h1{font-size:clamp(34px,10vw,44px)}.control-bar__breadcrumb{display:none}}.debug-page{max-width:1200px;margin:0 auto;padding:24px;position:relative;font-family:var(--font-sans);background:#fafafa;color:#111;color-scheme:light;min-height:100vh}.debug-page__breadcrumb{display:inline-block;margin-bottom:12px;font-size:13px;color:#6b7280;text-decoration:none;transition:color .16s}.debug-page__breadcrumb:hover{color:#4361e0}.debug-page--blocked{text-align:center;padding:100px 20px}.debug-page__head h1{font-size:20px;margin:0 0 6px;color:#4361e0;font-weight:700;letter-spacing:-.02em}.debug-page__hint{font-size:13px;color:#666;margin:0 0 20px}.debug-page__layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}.debug-page__main{min-width:0;display:flex;flex-direction:column;gap:14px}.debug-page__target{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid #ddd;border-radius:10px;background:linear-gradient(to bottom,#fff,#f8f8f8);color:#111;box-shadow:0 1px 3px #00000014}.debug-page__target legend{font-size:13px;color:#666;padding:0 8px;font-weight:600}.debug-page__target label{color:#111;font-weight:500}.debug-page__session-id{flex:1;min-width:100px;padding:8px 10px;font-family:var(--font-mono);font-size:13px;background:#fff;color:#111;border:1px solid #ccc;border-radius:7px;transition:border-color .16s,box-shadow .16s}.debug-page__session-id:focus{outline:none;border-color:#4361e0;box-shadow:0 0 0 3px #4361e01f}.debug-page__sql{width:100%;font-family:var(--font-mono);font-size:13px;padding:12px 14px;border:1px solid #ddd;border-radius:10px;resize:vertical;background:#fff;color:#111;box-shadow:0 1px 3px #00000014;transition:border-color .16s,box-shadow .16s}.debug-page__sql:focus{outline:none;border-color:#4361e0;box-shadow:0 0 0 3px #4361e01f}.debug-page__actions{display:flex;align-items:center;gap:14px}.debug-page__run{background:#4361e0;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s,transform .16s;box-shadow:0 2px 6px #4361e033}.debug-page__run:hover:not(:disabled){background:#3a57d4}.debug-page__run:active:not(:disabled){transform:translateY(1px)}.debug-page__run:disabled{opacity:.6;cursor:not-allowed}.debug-page__shortcut{font-size:12px;color:#666;font-family:var(--font-mono)}.debug-page__error{background:#fff5f5;border:1px solid #ffb3b3;color:#8c1818;padding:14px 16px;border-radius:10px;font-size:14px;box-shadow:0 2px 8px #d4380d1f}.debug-page__error-head{font-size:15px;font-weight:700;color:#b71c1c;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.debug-page__error-status{font-size:12px;padding:3px 9px;border-radius:6px;background:#ffcdd2;color:#b71c1c;font-family:var(--font-mono)}.debug-page__error-msg{margin-top:10px;font-family:var(--font-mono);font-size:13px;white-space:pre-wrap;color:#6e0a0a;background:#fff;padding:10px;border-radius:7px;border:1px solid #ffb3b3;max-height:260px;overflow:auto}.debug-page__result{overflow:auto}.debug-page__result-meta{font-size:12px;color:#666;margin-bottom:8px;font-family:var(--font-mono)}.debug-page__table{border-collapse:collapse;font-size:12px;font-family:var(--font-mono);width:100%;background:#fff;color:#111;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #00000014}.debug-page__table th,.debug-page__table td{border:1px solid #e8e8e8;padding:7px 9px;text-align:left;vertical-align:top}.debug-page__table th{background:linear-gradient(to bottom,#f8f8f8,#f0f0f0);color:#111;position:sticky;top:0;font-weight:700;letter-spacing:-.01em}.debug-page__cell{max-width:360px;word-break:break-word;color:#111}.debug-page__cell--long{cursor:pointer}.debug-page__cell--open{white-space:pre-wrap;max-width:none;background:#fffef0}.debug-page__empty{color:#999;font-style:italic}.debug-page__hint-panel{font-size:13px;color:#111}.debug-page__hint-toggle{background:linear-gradient(to bottom,#fff,#f8f8f8);color:#111;border:1px solid #ddd;border-radius:8px;padding:8px 12px;cursor:pointer;width:100%;text-align:left;font-weight:600;box-shadow:0 1px 3px #00000014;transition:background .16s,border-color .16s}.debug-page__hint-toggle:hover{background:#f5f5f5;border-color:#ccc}.debug-page__hint-body h4{margin:12px 0 6px;font-size:11px;text-transform:uppercase;color:#666;letter-spacing:.05em;font-weight:700}.debug-page__hint-body ul{list-style:none;padding:0;margin:0}.debug-page__hint-body li{padding:2px 0;color:#111}.debug-page__hint-body code{font-size:12px;color:#111;font-family:var(--font-mono)}.publish-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0009}.publish-modal{width:min(420px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:10px}.publish-modal__title{margin:0;font-size:16px;color:var(--text)}.publish-modal__thumb{width:100%;max-height:240px;object-fit:contain;background:#000;border-radius:var(--r-md);border:1px solid var(--border)}.publish-modal__label{font-size:12px;color:var(--text-2)}.publish-modal__input,.publish-modal__textarea{background:var(--bg-deep);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 10px;font-size:13px;font-family:inherit;resize:vertical}.publish-modal__error{color:#ff6b6b;font-size:12px}.publish-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.publish-modal__cancel,.publish-modal__confirm{padding:6px 14px;border-radius:var(--r-md);font-size:13px;cursor:pointer;border:1px solid var(--border)}.publish-modal__cancel{background:var(--panel-2);color:var(--text-2)}.publish-modal__confirm{background:var(--accent-solid);color:var(--accent-fg);border-color:var(--accent-line)}.publish-modal__confirm:disabled{opacity:.5;cursor:not-allowed}.preview__publish{background:var(--accent-solid);color:var(--accent-fg);border:1px solid var(--accent-line);padding:6px 12px;border-radius:var(--r-md);cursor:pointer;font-size:12px;transition:background var(--dur),opacity var(--dur)}.preview__publish:hover:not(:disabled){background:var(--accent-hover)}.preview__publish:disabled{opacity:.5;cursor:not-allowed}.preview__publish-error{color:#ff6b6b;font-size:12px;margin-top:8px}.gallery{display:block;height:100%;overflow-y:auto}.gallery__toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:#0a0d14cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.gallery__heading{margin:0;font:var(--type-h2);letter-spacing:var(--tracking-h2);color:var(--text);font-weight:700}.gallery__count{font:var(--type-small);color:var(--muted)}.gallery__grid{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:flex-start;padding:var(--space-xl)}.gallery__card{margin:0;display:flex;flex-direction:column;background:var(--gradient-card),var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;width:min(180px,100%)}.gallery__card[data-size=small]{border-color:var(--cyan-line);width:min(180px,100%)}.gallery__card[data-size=medium]{border-color:var(--ok-line);width:min(384px,100%)}.gallery__card[data-size=large]{border-color:var(--violet-line);width:min(384px,100%)}.gallery__thumb{display:block;width:100%;background:linear-gradient(135deg,#0a0b0f,#12141a);aspect-ratio:1 / 1;object-fit:contain;border-bottom:1px solid var(--border);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.gallery__meta{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--gradient-accent)}.gallery__card-title{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:-.01em}.gallery__card-sub{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:4px}@media (prefers-reduced-motion: no-preference){.gallery__card{transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color var(--dur)}.gallery__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--border-strong)}.gallery__thumb{transition:transform .2s var(--ease)}.gallery__card:hover .gallery__thumb{transform:scale(1.02)}}.gallery__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-sm);padding:clamp(48px,12vh,120px) var(--space-xl);color:var(--text-2)}.gallery__empty-icon{opacity:.9;margin-bottom:var(--space-sm)}.gallery__empty-title{margin:0;font:var(--type-h3);color:var(--text)}.gallery__empty-sub{margin:0;font:var(--type-small);color:var(--muted)}.gallery__empty-cta{margin-top:var(--space-md);background:var(--accent-solid);color:var(--accent-fg);border:none;padding:10px 22px;border-radius:var(--r-sm);font-weight:600;font-size:13px;cursor:pointer;box-shadow:var(--shadow-md),var(--edge),var(--shadow-glow);transition:background var(--dur),box-shadow var(--dur)}.gallery__empty-cta:hover{background:var(--accent-hover);box-shadow:var(--shadow-md),var(--accent-glow)}.gallery__loading{color:var(--text-2);padding:0 var(--space-xl) var(--space-lg);font-size:15px}.gallery__error{color:var(--err);background:var(--err-soft);border:1px solid var(--err-line);border-radius:var(--r-md);padding:12px 16px;display:flex;align-items:center;gap:12px;margin:var(--space-lg) var(--space-xl) 0}.gallery__retry,.gallery__more{background:var(--panel-2);color:var(--text-2);border:1px solid var(--border);padding:10px 24px;border-radius:var(--r-pill);cursor:pointer;font-size:13px;font-weight:600;transition:background var(--dur),border-color var(--dur),color var(--dur)}.gallery__retry:hover,.gallery__more:hover{background:var(--panel-3);border-color:var(--border-strong);color:var(--text)}.gallery__more{display:block;margin:var(--space-lg) auto var(--space-xl)}.sidebar__gallery{width:100%;text-align:left;margin-top:8px;background:var(--panel-2);color:var(--text-2);border:1px solid var(--border);border-radius:var(--r-md);padding:9px 12px;cursor:pointer;font-size:13px;transition:background var(--dur),border-color var(--dur),color var(--dur)}.sidebar__gallery:hover{background:var(--panel-3);border-color:var(--border-strong);color:var(--text)}.sidebar__gallery--active{border-color:var(--accent-line);color:var(--text);background:var(--panel-2)}