:root{--p-warm-950:#0f0d0c;--p-warm-900:#151312;--p-warm-850:#1c1917;--p-warm-800:#211d1a;--p-warm-700:#322c27;--p-warm-600:#4a4137;--p-warm-500:#6b6259;--p-warm-400:#a89e8f;--p-warm-300:#c9c0b1;--p-warm-200:#ede6da;--p-warm-100:#f0eadd;--p-warm-50:#faf7f0;--p-white:#fff;--p-black:#000;--p-amber-600:#d18f2c;--p-amber-500:#e8a33d;--p-amber-400:#f4b856;--p-amber-300:#f8ca7e;--p-teal-500:#3ec9c0;--p-teal-400:#5fd8d0;--p-red-500:#e2574c;--p-green-500:#7cb87f;--p-amber-rgb:232 163 61;--p-teal-rgb:62 201 192;--p-red-rgb:226 87 76;--p-green-rgb:124 184 127;--p-black-rgb:0 0 0;--p-white-rgb:255 255 255;--p-space-0:0;--p-space-1:.25rem;--p-space-2:.5rem;--p-space-3:.75rem;--p-space-4:1rem;--p-space-5:1.5rem;--p-space-6:2rem;--p-space-7:3rem;--p-space-8:4rem;--p-space-9:6rem;--p-radius-0:0;--p-radius-1:4px;--p-radius-2:8px;--p-radius-3:12px;--p-radius-4:18px;--p-radius-5:26px;--p-radius-pill:999px;--p-font-display:"Bebas Neue", sans-serif;--p-font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--p-font-body:"Inter", system-ui, "Segoe UI", sans-serif;--p-text-xs:.75rem;--p-text-sm:.8125rem;--p-text-base:.9375rem;--p-text-lg:1.125rem;--p-text-xl:1.375rem;--p-text-2xl:1.75rem;--p-text-display-sm:2rem;--p-text-display-lg:clamp(2.5rem, 5vw, 4rem);--p-touch-target:44px;--p-touch-input-text:16px;--p-toggle-size:26px;--p-dur-1:.12s;--p-dur-2:.2s;--p-dur-3:.32s;--p-dur-4:.5s;--p-ease-standard:cubic-bezier(.2, 0, 0, 1);--p-ease-out:cubic-bezier(.16, 1, .3, 1);--p-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--p-warm-900);--color-bg-raised:var(--p-warm-850);--color-bg-inset:var(--p-warm-950);--color-border:var(--p-warm-700);--color-border-strong:var(--p-warm-600);--surface-raised:linear-gradient(180deg, rgb(var(--p-white-rgb) / .025), rgb(var(--p-white-rgb) / 0) 40%), var(--color-bg-raised);--color-fg:var(--p-warm-200);--color-fg-dim:var(--p-warm-400);--color-fg-faint:var(--p-warm-500);--color-accent:var(--p-amber-500);--color-accent-strong:var(--p-amber-400);--color-accent-contrast:var(--p-warm-900);--color-accent-dim:rgb(var(--p-amber-rgb) / .15);--color-accent-border:rgb(var(--p-amber-rgb) / .4);--color-accent-surface:linear-gradient(180deg, var(--p-amber-400), var(--p-amber-500));--color-running:var(--p-teal-500);--color-running-dim:rgb(var(--p-teal-rgb) / .15);--color-danger:var(--p-red-500);--color-danger-dim:rgb(var(--p-red-rgb) / .15);--color-success:var(--p-green-500);--color-success-dim:rgb(var(--p-green-rgb) / .15);--chrome-grain-opacity:.035;--chrome-grain-blend:overlay;--font-display:var(--p-font-display);--font-mono:var(--p-font-mono);--font-body:var(--p-font-body);--text-xs:var(--p-text-xs);--text-sm:var(--p-text-sm);--text-base:var(--p-text-base);--text-lg:var(--p-text-lg);--text-xl:var(--p-text-xl);--text-2xl:var(--p-text-2xl);--text-display-sm:var(--p-text-display-sm);--text-display-lg:var(--p-text-display-lg);--space-1:var(--p-space-1);--space-2:var(--p-space-2);--space-3:var(--p-space-3);--space-4:var(--p-space-4);--space-5:var(--p-space-5);--space-6:var(--p-space-6);--space-7:var(--p-space-7);--space-8:var(--p-space-8);--space-9:var(--p-space-9);--radius-sm:var(--p-radius-1);--radius-md:var(--p-radius-2);--radius-lg:var(--p-radius-3);--radius-xl:var(--p-radius-4);--radius-2xl:var(--p-radius-5);--radius-pill:var(--p-radius-pill);--touch-target:var(--p-touch-target);--text-touch-input:var(--p-touch-input-text);--toggle-size:var(--p-toggle-size);--text-tight:var(--p-text-xs);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--measure-page:960px;--measure-modal:640px;--measure-prose:60ch;--dur-fast:var(--p-dur-1);--dur-base:var(--p-dur-2);--dur-slow:var(--p-dur-3);--dur-slower:var(--p-dur-4);--ease-standard:var(--p-ease-standard);--ease-out:var(--p-ease-out);--ease-spring:var(--p-ease-spring);--transition-colors:color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard);--transition-transform:transform var(--dur-base) var(--ease-spring);--shadow-1:0 1px 2px rgb(var(--p-black-rgb) / .4), inset 0 1px 0 rgb(var(--p-white-rgb) / .03);--shadow-2:0 2px 6px rgb(var(--p-black-rgb) / .35), 0 1px 2px rgb(var(--p-black-rgb) / .4), inset 0 1px 0 rgb(var(--p-white-rgb) / .03);--shadow-3:0 8px 24px rgb(var(--p-black-rgb) / .45), 0 2px 6px rgb(var(--p-black-rgb) / .35);--shadow-4:0 18px 48px rgb(var(--p-black-rgb) / .5), 0 6px 16px rgb(var(--p-black-rgb) / .4);--shadow-inset:inset 0 2px 4px rgb(var(--p-black-rgb) / .45);--edge-highlight:inset 0 1px 0 rgb(var(--p-white-rgb) / .12);--edge-highlight-strong:inset 0 1px 0 rgb(var(--p-white-rgb) / .2);--shadow-glow-accent:0 0 0 1px var(--color-accent-border), 0 0 16px rgb(var(--p-amber-rgb) / .28);--shadow-glow-running:0 0 0 1px rgb(var(--p-teal-rgb) / .4), 0 0 16px rgb(var(--p-teal-rgb) / .28);--shadow-panel:var(--shadow-1);--shadow-raised:var(--shadow-3)}@media (pointer:coarse){:root{--toggle-size:var(--touch-target);--text-xs:var(--p-text-sm);--text-sm:var(--p-text-base)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--p-warm-50);--color-bg-raised:var(--p-white);--color-bg-inset:var(--p-warm-100);--color-border:var(--p-warm-300);--color-border-strong:var(--p-warm-400);--surface-raised:linear-gradient(180deg, rgb(var(--p-white-rgb) / .6), rgb(var(--p-white-rgb) / 0) 40%), var(--color-bg-raised);--color-fg:var(--p-warm-900);--color-fg-dim:var(--p-warm-600);--color-fg-faint:var(--p-warm-500);--chrome-grain-opacity:0;--shadow-1:0 1px 2px rgb(var(--p-black-rgb) / .12);--shadow-2:0 2px 8px rgb(var(--p-black-rgb) / .1), 0 1px 2px rgb(var(--p-black-rgb) / .12);--shadow-3:0 10px 28px rgb(var(--p-black-rgb) / .14);--shadow-4:0 20px 50px rgb(var(--p-black-rgb) / .18);--shadow-inset:inset 0 2px 4px rgb(var(--p-black-rgb) / .08);--edge-highlight:inset 0 1px 0 rgb(var(--p-black-rgb) / .04);--edge-highlight-strong:inset 0 1px 0 rgb(var(--p-white-rgb) / .5)}:root[data-motion=reduced]{--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms;--dur-slower:.01ms}:root[data-density=compact]{--space-3:.6rem;--space-4:.8rem;--space-5:1.15rem;--space-6:1.5rem;--space-7:2.25rem;--space-8:3rem}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{font:var(--text-base) / 1.5 var(--font-body)}body{background:var(--color-bg);color:var(--color-fg);position:relative}body:before{content:"";pointer-events:none;z-index:9999;opacity:var(--chrome-grain-opacity);mix-blend-mode:var(--chrome-grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-weight:400}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-accent)}.module-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-faint);font-weight:500}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);min-height:40px;font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors), transform var(--dur-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-accent-surface);color:var(--color-accent-contrast);border-color:var(--color-accent);box-shadow:var(--shadow-2), var(--edge-highlight-strong)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-3), var(--edge-highlight-strong);transform:translateY(-1px)}.btn--primary:active:not(:disabled){box-shadow:var(--shadow-1), var(--edge-highlight-strong)}.btn--secondary{color:var(--color-fg);border-color:var(--color-border-strong);background:0 0}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-strong);box-shadow:var(--shadow-1);transform:translateY(-1px)}.btn--danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn--danger:hover:not(:disabled){background:var(--color-danger-dim)}.btn--ghost{color:var(--color-fg-dim);padding:var(--space-2) var(--space-3);background:0 0;border-color:#0000;min-height:0}.btn--ghost:hover:not(:disabled){color:var(--color-fg)}.btn--sm{padding:var(--space-2) var(--space-3);min-height:32px;font-size:var(--text-xs)}.card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-5);position:relative;overflow:hidden}.card:before{content:"";background:var(--color-border-strong);width:3px;transition:background-color .15s,box-shadow .15s;position:absolute;inset:0 auto 0 0}.card--selected:before{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.card--running:before{background:var(--color-running);box-shadow:0 0 8px var(--color-running)}.project-card{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.project-card__main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.project-card__text{flex-direction:column;min-width:0;display:flex}.project-card__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-card__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.page-shell{max-width:var(--measure-page);padding:var(--space-7) var(--space-5) var(--space-8);margin:0 auto}.page-shell__header{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.page-shell__title{font-family:var(--font-display);font-size:var(--text-display-lg);letter-spacing:.02em;color:var(--color-fg);line-height:1.05}.page-shell__subtitle{color:var(--color-fg-dim);font-size:var(--text-base);max-width:var(--measure-prose)}.chip{min-height:36px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-bg-inset);box-shadow:var(--shadow-inset);color:var(--color-fg-dim);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors), transform var(--dur-fast) var(--ease-spring);align-items:center;display:inline-flex}.chip:hover{border-color:var(--color-fg-dim);color:var(--color-fg)}.chip:active{transform:scale(.96)}.chip--selected{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent-strong);box-shadow:var(--shadow-glow-accent);transform:translateY(-1px)}.chip--genre{padding:var(--space-3) var(--space-5);font-size:var(--text-base);letter-spacing:.01em;font-weight:600}.field{width:100%;min-height:var(--touch-target);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-inset);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-inset);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-base);transition:var(--transition-colors)}.field::placeholder{color:var(--color-fg-faint)}.field:focus{border-color:var(--color-accent);box-shadow:var(--shadow-inset), 0 0 0 3px var(--color-accent-border)}textarea.field{min-height:unset;resize:vertical;line-height:1.5}.field--sm{min-height:36px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.divider{border:none;border-top:1px solid var(--color-border);margin:0}.readout{align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);padding-left:var(--space-3);border-left:2px solid var(--color-accent);display:inline-flex}.readout__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-faint)}.readout__value{color:var(--color-accent);font-weight:600;font-size:var(--text-lg)}.score-meter{align-items:center;gap:var(--space-3);display:inline-flex}.score-meter__segments{gap:2px;display:flex}.score-meter__segment{background:var(--color-bg-inset);border:1px solid var(--color-border);border-radius:1px;width:5px;height:14px}.score-meter__segment--lit{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 4px var(--color-accent)}.score-meter__segment--hot{background:var(--color-danger);border-color:var(--color-danger);box-shadow:0 0 4px var(--color-danger)}.score-meter__value{font-family:var(--font-mono);color:var(--color-fg);font-weight:600;font-size:var(--text-lg)}.score-meter__value--empty{color:var(--color-fg-faint);font-weight:400}.page-shell__bar{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.topnav{align-items:center;gap:var(--space-5);margin-bottom:var(--space-5);display:flex}.topnav__logo{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.03em;color:var(--color-fg-dim);text-decoration:none;transition:color .15s}.topnav__logo:hover{color:var(--color-fg)}.topnav__back{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);text-decoration:none;transition:color .15s}.topnav__back:hover{color:var(--color-accent-strong)}.loading{color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;animation:1.4s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.4}50%{opacity:1}}.fader{align-items:center;gap:var(--space-3);flex-direction:column;width:64px;display:flex}.fader__track{background:var(--color-bg-inset);border-radius:var(--radius-pill);border:1px solid var(--color-border);width:6px;height:140px;box-shadow:var(--shadow-inset);position:relative}.fader__fill{border-radius:var(--radius-pill);background:linear-gradient(to top, var(--color-accent), var(--color-accent-strong));position:absolute;bottom:0;left:0;right:0}.fader__cap{background:linear-gradient(180deg, var(--color-fg-dim), var(--color-fg-faint));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:26px;height:12px;box-shadow:var(--shadow-2), var(--edge-highlight);position:absolute;left:50%;transform:translate(-50%,50%)}.fader__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-faint);text-align:center}.fader__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim)}.fader__tick{background:var(--color-border-strong);width:4px;height:1px;position:absolute;left:-5px}.range-fader{appearance:none;border-radius:var(--radius-pill);background:var(--color-bg-inset);border:1px solid var(--color-border);width:100%;height:6px;box-shadow:var(--shadow-inset)}.range-fader::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-sm);background:var(--color-accent-surface);border:1px solid var(--color-accent-strong);width:16px;height:26px;box-shadow:var(--shadow-2), var(--edge-highlight-strong);cursor:pointer;margin-top:-10px}.range-fader::-moz-range-thumb{border-radius:var(--radius-sm);background:var(--color-accent-surface);border:1px solid var(--color-accent-strong);width:16px;height:26px;box-shadow:var(--shadow-2), var(--edge-highlight-strong);cursor:pointer}.range-fader::-webkit-slider-runnable-track{background:0 0;border-radius:3px;height:6px}.range-fader::-moz-range-track{background:0 0;border-radius:3px;height:6px}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;color:var(--color-fg-dim);font-size:var(--text-base)}.modal-backdrop{padding:var(--space-5);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{max-width:var(--measure-modal);width:100%;max-height:90vh;box-shadow:var(--shadow-raised);overflow-y:auto}.take-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.take-tile__notes{color:var(--color-fg-faint);font-size:var(--text-xs);margin-bottom:var(--space-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.take-tile__actions{gap:var(--space-2);display:flex}.take-viewer{gap:var(--space-4);flex-direction:column;display:flex}.take-viewer__bar{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.take-viewer__nav{gap:var(--space-2);display:flex}.take-viewer__image{max-height:60vh}.take-viewer__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--running{animation:1.6s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 var(--color-running-dim)}50%{box-shadow:0 0 6px 2px var(--color-running-dim)}}.progress-rail{margin:0 0 var(--space-6);gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.progress-rail__step{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-inset);flex:180px;display:flex}.progress-rail__marker{width:20px;height:20px;font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--color-border-strong);color:var(--color-fg-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.progress-rail__text{flex-direction:column;line-height:1.25;display:flex}.progress-rail__label{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.02em;color:var(--color-fg-dim)}.progress-rail__hint{font-size:var(--text-xs);color:var(--color-fg-faint)}.progress-rail__step--current{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-border) inset}.progress-rail__step--current .progress-rail__marker{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.progress-rail__step--current .progress-rail__label{color:var(--color-accent-strong)}.progress-rail__step--done .progress-rail__marker{border-color:var(--color-accent);color:var(--color-accent)}.infodot{vertical-align:middle;margin-left:var(--space-2);display:inline-flex;position:relative}.infodot__trigger{border:1px solid var(--color-border-strong);width:16px;height:16px;color:var(--color-fg-faint);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;font-style:italic;line-height:1;transition:border-color .15s,color .15s;display:inline-flex}.infodot__trigger:hover,.infodot__trigger[aria-expanded=true]{border-color:var(--color-accent);color:var(--color-accent)}.infodot__popover{top:calc(100% + var(--space-2));z-index:50;width:max-content;max-width:240px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-raised);box-shadow:var(--shadow-raised);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:normal;text-transform:none;white-space:normal;font-style:normal;font-weight:400;line-height:1.45;position:absolute;left:0}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex}.tabs__tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--color-fg-dim);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;transition:color .15s,border-color .15s;display:inline-flex}.tabs__tab:hover{color:var(--color-fg)}.tabs__tab--active{color:var(--color-accent-strong);border-bottom-color:var(--color-accent)}.tabs__badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-running)}.actionbar{z-index:20;margin:var(--space-6) calc(-1 * var(--space-5)) calc(-1 * var(--space-8));padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-bg-raised);border-top:1px solid var(--color-border-strong);flex-wrap:wrap;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #00000059}.actionbar__summary{min-width:0;font-size:var(--text-sm);color:var(--color-fg-dim);flex:260px;line-height:1.4}.actionbar__summary em{color:var(--color-fg);font-style:normal}.actionbar__right{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.skeleton-tile{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(100deg, var(--color-bg-raised) 30%, var(--color-bg-inset) 50%, var(--color-bg-raised) 70%);background-size:220% 100%;animation:1.6s ease-in-out infinite skeleton-sweep}@keyframes skeleton-sweep{0%{background-position:180% 0}to{background-position:-80% 0}}.session-thumb{border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-inset);border:1px solid var(--color-border);flex-shrink:0;width:52px;height:52px}.session-thumb--empty{color:var(--color-fg-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:9px;display:flex}.notice{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-running);background:var(--color-running-dim);color:var(--color-fg);font-size:var(--text-sm);display:flex}.spend{display:inline-block;position:relative}.spend__badge{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-inset);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.spend__badge--warn{color:var(--color-accent);border-color:var(--color-accent)}.spend__badge--over{color:var(--color-danger);border-color:var(--color-danger)}.spend__panel{z-index:20;margin-top:var(--space-2);width:min(320px,100vw - 2rem);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-raised,var(--color-bg-inset));font-size:var(--text-sm);position:absolute;right:0}.spend__rows{gap:var(--space-1) var(--space-3);grid-template-columns:1fr auto;margin:0;display:grid}.spend__rows dd{font-family:var(--font-mono);text-align:right;margin:0}.spend__advice{margin:var(--space-2) 0 0;font-weight:600}.spend__advice--warn{color:var(--color-accent)}.spend__advice--over{color:var(--color-danger)}.spend__note{margin:var(--space-2) 0 0;color:var(--color-fg-faint);font-size:var(--text-xs)}.track-stack{width:220px}@media (pointer:coarse){.btn,.btn--sm,.chip,.field,.field--sm,.tabs__tab,.topnav__back,.spend__badge,select,input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{min-height:var(--touch-target)}.field,.field--sm,select,input,textarea{font-size:var(--text-touch-input)}.topnav__back{align-items:center;display:inline-flex}}@media (width<=640px){.page-shell{padding-top:0;padding-left:max(var(--space-4), var(--safe-left));padding-right:max(var(--space-4), var(--safe-right));padding-bottom:calc(var(--space-7) + var(--safe-bottom))}.page-shell__bar{z-index:30;margin:0 calc(-1 * var(--space-4)) var(--space-4);padding:calc(var(--safe-top) + var(--space-2)) var(--space-4) var(--space-2);background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-wrap:nowrap;align-items:center;position:sticky;top:0}.topnav{gap:var(--space-3);min-width:0;margin-bottom:0}.topnav__logo{display:none}.spend__panel{left:var(--space-4);right:var(--space-4);top:calc(var(--safe-top) + var(--touch-target) + var(--space-4));width:auto;position:fixed}.page-shell__header{margin-bottom:var(--space-5)}.page-shell__title{font-size:var(--text-display-sm)}.progress-rail{margin-bottom:var(--space-5);flex-wrap:nowrap}.progress-rail__step{padding:var(--space-2) var(--space-3);flex:none}.progress-rail__step--current{flex:auto}.progress-rail__text{display:none}.progress-rail__step--current .progress-rail__text{display:flex}.progress-rail__hint{display:none}.tabs__tab{padding-left:var(--space-4);padding-right:var(--space-4)}}.install-hint{margin-bottom:var(--space-5);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-accent-border);background:var(--color-accent-dim)}.install-hint__headline{margin:0 0 var(--space-1);color:var(--color-fg);font-weight:600}.install-hint__detail{margin:0 0 var(--space-3);color:var(--color-fg-dim);font-size:var(--text-sm)}.install-hint__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=640px){.project-card{align-items:stretch;gap:var(--space-3);padding:var(--space-4);flex-direction:column}.project-card__title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.project-card__actions{flex-shrink:1}.project-card__actions>*{flex:1 1 0}.take-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.take-tile{padding:var(--space-2)}.take-tile__notes,.take-tile__actions{display:none}.modal-backdrop{align-items:stretch;padding:0}.modal-card--sheet{max-width:none;height:100%;max-height:none;padding-top:calc(var(--safe-top) + var(--space-3));border-radius:0;padding-bottom:0}.take-viewer{min-height:100%}.take-viewer__image{max-height:none}.take-viewer__actions{margin:auto calc(-1 * var(--space-5)) 0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));background:var(--color-bg-raised);border-top:1px solid var(--color-border-strong);flex-wrap:nowrap;justify-content:stretch;position:sticky;bottom:0}.take-viewer__actions>*{flex:1 1 0}.hide-on-phone{display:none}.actionbar{gap:var(--space-2);padding-top:var(--space-3);margin-left:calc(-1 * max(var(--space-4), var(--safe-left)));margin-right:calc(-1 * max(var(--space-4), var(--safe-right)));padding-left:max(var(--space-4), var(--safe-left));padding-right:max(var(--space-4), var(--safe-right))}.actionbar__summary{font-size:var(--text-xs);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.actionbar__right{flex-shrink:1;justify-content:space-between;width:100%}.tabs{scrollbar-width:none;overflow-x:auto}.tabs__tab{flex-shrink:0}}.layer-lock{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-inset);justify-content:space-between;display:flex}.layer-lock[data-locked=false]{border-color:var(--color-accent)}.layer-lock__text{font-size:var(--text-sm);color:var(--color-fg-dim)}@media (width<=640px){.track-stack,.editor-side{width:100%}}.desktop-note{display:none}@media (width<=640px){.desktop-note{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-fg-dim);justify-content:space-between;display:flex}}.line-sheet{gap:var(--space-3);flex-direction:column;display:flex}.line-sheet__text{font-size:var(--text-lg);margin:0;font-weight:600}.line-sheet__heading{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-fg-dim)}.line-sheet__advice{color:var(--color-accent);font-size:var(--text-sm);margin:0;padding-left:1.1rem}.line-sheet__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.line-sheet__spot{min-height:var(--touch-target);aspect-ratio:1.6;background:var(--color-bg-inset);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;place-items:center;display:grid}.line-sheet__spot span{width:var(--space-3);height:var(--space-3);background:var(--color-fg-faint);border-radius:50%}.line-sheet__spot:hover:not(:disabled),.line-sheet__spot:focus-visible{border-color:var(--color-accent)}.line-sheet__spot:hover:not(:disabled) span,.line-sheet__spot:focus-visible span{background:var(--color-accent)}.line-sheet__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.line-sheet__actions{gap:var(--space-2);padding-top:var(--space-3);background:var(--color-bg-raised,var(--color-bg));flex-direction:column;display:flex;position:sticky;bottom:0}.line-sheet__pending{font-size:var(--text-sm);color:var(--color-fg-dim);margin:0}.line-sheet__row{justify-content:space-between;gap:var(--space-2);display:flex}.line-sheet__spot[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-dim)}.line-sheet__spot[aria-pressed=true] span{background:var(--color-accent)}@media (pointer:coarse){.infodot__trigger{position:relative}.infodot__trigger:after{content:"";inset:calc((var(--touch-target) - 100%) / -2);position:absolute}input[type=range]{min-height:var(--touch-target)}input[type=checkbox],input[type=radio]{width:var(--space-5);height:var(--space-5)}}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}@media (width<=640px){.infodot__popover{left:var(--space-4);right:var(--space-4);bottom:calc(var(--safe-bottom) + var(--space-4));width:auto;max-width:none;position:fixed;top:auto}.fader{flex:1;width:auto;min-width:0}.fader__label{letter-spacing:0;font-size:var(--text-tight)}.streaming-previews{gap:var(--space-3);flex-wrap:nowrap}}.streaming-previews__item{flex:var(--preview-px) 1 0;min-width:0}.streaming-previews__item img{width:100%;max-width:calc(var(--preview-px) * 1px);aspect-ratio:1;height:auto}@media (width<=640px){.cut-render[data-done=true] .cut-render__canvas{display:none}}