.recorder{--notice:var(--ch-yellow);--notice-soft:var(--ch-yellow-soft);--notice-line:color-mix(in srgb, var(--ch-yellow) 34%, transparent);--col-gap:13px;background:radial-gradient(1200px 560px at 50% -12%, var(--bg-app-tint), transparent 60%), var(--bg-app);flex-direction:column;height:100%;padding:16px 22px 20px;display:flex;overflow-y:auto}.recorder-shell{width:100%;max-width:960px;animation:rise-in var(--dur-3) var(--ease) both;flex-direction:column;gap:10px;margin:auto;display:flex}.card{background:var(--glass-panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2), var(--hairline-top);padding:18px}.recorder .card{background:var(--glass-panel);background-image:var(--card-sheen);border:1px solid var(--border-strong);box-shadow:var(--card-shadow), var(--hairline-top);padding:16px}.recorder-header{align-items:center;gap:13px;display:flex}.recorder-logo{width:44px;height:44px;color:var(--accent);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.recorder-heading{flex:250px;min-width:0}.recorder-title{letter-spacing:-.03em;color:var(--text-strong);font-size:21px;font-weight:700;line-height:1.1}.recorder-title-row{align-items:center;gap:8px;display:flex}.recorder-beta-badge{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);min-height:20px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 7px;font-size:10px;font-weight:750;line-height:1;display:inline-flex}.recorder-subtitle{color:var(--text-dim);max-width:42ch;margin-top:2px;font-size:12.5px;line-height:1.4}@media (max-width:980px){.recorder-header{grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px 12px;display:grid}.recorder-logo{grid-area:1/1}.recorder-heading{grid-area:1/2}.recorder-connectors{grid-area:2/1/auto/-1;justify-content:center;width:100%;margin:0}.recorder-header>.spacer{display:none}.recorder-header>.ghost{grid-row:1}}.recorder .hint{color:var(--text-dim);font-size:12px;line-height:1.5}.recorder .panel-title{letter-spacing:.1em;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:9px;font-size:12px;font-weight:700;display:flex}.recorder .panel-title:before{content:"";background:var(--text-faint);opacity:.75;border-radius:2px;flex-shrink:0;width:3px;height:11px}.recorder .field{letter-spacing:.01em;color:var(--text-dim);gap:6px;font-size:12px;font-weight:600}.recorder .field select{color:var(--text);background:var(--surface-well);border:1px solid var(--border);transition:border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft), background-color var(--dur-1) var(--ease-soft);font-size:13px;font-weight:500}.recorder .field select:hover{border-color:var(--border-strong)}.recorder .field select:focus{border-color:var(--accent);box-shadow:var(--ring)}.console-faceplate{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow);align-items:stretch;gap:28px;padding:24px 28px;display:flex;position:relative}.screw-tl{top:10px;left:10px}.screw-tr{top:10px;right:10px}.screw-bl{bottom:10px;left:10px}.screw-br{bottom:10px;right:10px}.recorder-source-panel{border-right:1px solid var(--border);flex-direction:column;flex:1.3 1 0;gap:16px;min-width:0;padding-right:24px;display:flex}.recorder-side-panel{flex-direction:column;flex:1.1 1 0;gap:16px;min-width:320px;display:flex}.recorder-options{grid-template-columns:repeat(2,1fr);align-items:start;gap:12px 14px;display:grid}.recorder-options .full{grid-column:1/-1}.recorder-options .field select{border-radius:var(--radius);width:100%;height:38px;padding:0 10px}.region-pick{height:32px}.inline-connectors{background:var(--surface-well);border:1px solid var(--border);border-radius:var(--radius-pill);margin-left:auto;margin-right:8px;padding:5px 14px;font-size:11px}.recorder .panel-title-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;min-height:34px;color:var(--text-dim);transition:all var(--dur-1) var(--ease-soft);justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 12px;display:flex}.recorder .panel-title-btn:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text)}.recorder .panel-title-btn:active{background:var(--surface-4)}.recorder .panel-title-btn .panel-title{margin-bottom:0}.recorder-actions{margin-top:auto;padding-top:10px}.region-row{flex-wrap:wrap}.region-pick{border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--well-inset);gap:10px;padding:0 14px 0 9px;font-size:13px;font-weight:500}.region-pick:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);box-shadow:var(--shadow-1), var(--well-top)}.region-pick .region-pick-ico{background:var(--surface-3);width:26px;height:26px;color:var(--text-dim);border-radius:7px;justify-content:center;align-items:center;display:flex}@media (max-width:880px){.recorder-body{flex-direction:column}.recorder-side{min-width:0}.recorder-actions{margin-top:0}}.source-picker{gap:var(--col-gap);flex-direction:column;flex:1;min-height:0;display:flex}.channel-bank{flex-direction:column;gap:8px;display:flex}.channel-key{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:all var(--dur-1) var(--ease-soft);align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.channel-key:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.channel-key:active:not(:disabled){background:var(--surface-4)}.channel-key.is-active{background:var(--accent-soft);border-color:var(--accent-line)}.channel-key-icon{background:var(--surface-well);border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);transition:color var(--dur-1) var(--ease-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.channel-key.is-active .channel-key-icon{color:var(--accent);border-color:var(--accent-line)}.channel-key-label{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.channel-key-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.channel-key-sub{color:var(--text-dim);font-size:11px}.channel-key-led{background:var(--surface-4);width:10px;height:10px;transition:all var(--dur-1) var(--ease-soft);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000059}.channel-key.is-active .channel-key-led{background:var(--accent)}.source-tile-info{align-items:center;gap:9px;min-width:0;padding:0 4px 2px;display:flex}.source-tile-ico{color:var(--text-dim);transition:color var(--dur-1) var(--ease-soft);flex-shrink:0}.source-tile.selected .source-tile-ico{color:var(--accent)}.recorder .icon{stroke-width:1.9px}.recorder .tile-check .icon,.recorder .preset-check{stroke-width:2.4px}.source-tile .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.source-tile .glyph{background:var(--surface-3);width:32px;height:32px;color:var(--text-dim);transition:background var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft);border-radius:9px;justify-content:center;align-items:center;display:flex}.source-tile.selected .glyph{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent)}.source-empty-state{text-align:center;background:var(--surface-well);min-height:180px;box-shadow:var(--well-inset);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:4px 0;padding:32px 20px;display:flex}.source-empty-icon{background:var(--surface-2);width:44px;height:44px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:flex}.source-empty-title{color:var(--text);margin-bottom:4px;font-size:13.5px;font-weight:600}.source-empty-sub{color:var(--text-dim);max-width:34ch;font-size:12px}.tile-check{background:var(--accent);width:18px;height:18px;color:var(--accent-text);z-index:5;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.window-list{flex-direction:column;gap:2px;max-height:156px;display:flex;overflow-y:auto}.window-item{text-align:left;border-radius:var(--radius-sm);color:var(--text-dim);width:100%;box-shadow:none;transition:background var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft), border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft);background:0 0;border:1px solid #0000;justify-content:flex-start;align-items:center;gap:10px;padding:7px 11px;line-height:1.3;display:flex}.window-item .window-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recorder .window-item:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:#0000}.recorder .window-item.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.recorder .window-item:disabled{opacity:.4;cursor:default}.recorder .window-item.selected:focus-visible{box-shadow:var(--ring), inset 2px 0 0 var(--accent)}.preset-row{flex-direction:column;gap:6px;display:flex}.preset-card{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);box-shadow:var(--well-inset);transition:background var(--dur-1) var(--ease-soft), border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft);justify-content:flex-start;align-items:center;gap:11px;padding:9px 12px;display:flex}.preset-card:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-1), var(--well-top)}.preset-card.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.recorder .preset-card.selected:focus-visible{box-shadow:var(--ring), 0 0 0 1px var(--accent)}.preset-glyph{background:var(--surface-3);width:30px;height:30px;color:var(--text-dim);transition:background var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.preset-card.selected .preset-glyph{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.preset-text{flex-direction:column;gap:1px;min-width:0;display:flex}.preset-label{color:var(--text);font-size:13px;font-weight:600}.preset-note{color:var(--text-dim);transition:color var(--dur-1) var(--ease-soft);font-size:11.5px}.preset-card.selected .preset-note{color:color-mix(in srgb, var(--accent) 30%, var(--text))}.preset-check{color:var(--accent);flex-shrink:0;margin-left:auto}.record-button{border-radius:999px;gap:10px;width:100%;padding:14px 40px;font-size:15px;font-weight:600}.recorder .record-button{color:var(--accent-text);letter-spacing:.01em;background:var(--accent-strong);box-shadow:var(--glow-accent);padding:13px 38px;font-size:15px;font-weight:700}.recorder .record-button:hover:not(:disabled){background:var(--accent)}.recorder .record-button:not(:disabled){animation:record-breathe-amber 3.6s var(--ease) infinite}.recorder .record-button:disabled{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-dim);filter:none;opacity:.75;cursor:not-allowed;animation:none}.recorder .record-button:disabled .record-glyph{background:#ff863659}@keyframes record-breathe-amber{0%,to{box-shadow:0 6px 22px #ff863629}50%{box-shadow:0 6px 26px #ff86364d}}.record-glyph{width:12px;height:12px;animation:glyph-pulse 3.4s var(--ease) infinite;background:#fff;border-radius:50%;box-shadow:0 0 0 3px #ffffff47}.recorder .record-glyph{background:var(--accent-text)}@keyframes glyph-pulse{0%,to{box-shadow:0 0 0 3px #ffffff4d}50%{box-shadow:0 0 0 6px #ffffff26}}.recording-live{height:100%;animation:fade-in var(--dur-3) var(--ease) both;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.recording-status{color:var(--text-dim);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.recording-dot{background:var(--danger);border-radius:50%;width:11px;height:11px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 0 1px #00000059}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.recording-lcd{border-radius:var(--radius);justify-content:center;align-items:center;min-width:360px;padding:16px 44px;display:flex}.recording-elapsed{z-index:1;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--lcd-ink);text-shadow:0 1px #ffffff8c;font-size:62px;font-weight:700;line-height:1;position:relative}.recording-actions{gap:10px}.recording-hints{color:var(--text-dim);align-items:center;gap:7px;font-size:12.5px;display:flex}.dot-sep{background:var(--text-dim);opacity:.7;border-radius:50%;width:3px;height:3px}.countdown-overlay{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:var(--z-modal);cursor:pointer;-webkit-user-select:none;user-select:none;background:#08090ee6;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;inset:0}.countdown-ambient-glow{pointer-events:none;background:radial-gradient(circle,#ff78322e 0%,#ff3c140d 50%,#0000 75%);border-radius:50%;width:480px;height:480px;animation:2s ease-in-out infinite alternate countdown-ambient-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes countdown-ambient-pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.countdown-circle-stage{justify-content:center;align-items:center;width:260px;height:260px;display:flex;position:relative}.countdown-ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.countdown-ring-bg{stroke:#ffffff14;stroke-width:4px;fill:none}.countdown-ring-active{stroke:url(#countdownGrad);stroke-width:4px;stroke-linecap:round;fill:none}.countdown-ring-pulse{stroke:url(#countdownGrad);stroke-width:3px;fill:none;animation:.9s cubic-bezier(.16,1,.3,1) forwards countdown-ring-expand}@keyframes countdown-ring-expand{0%{transform-origin:50%;opacity:.8;transform:scale(.92)}to{transform-origin:50%;opacity:0;transform:scale(1.25)}}.countdown-number-wrapper{z-index:2;justify-content:center;align-items:center;animation:.9s cubic-bezier(.16,1,.3,1) forwards countdown-digit-pop;display:flex;position:relative}@keyframes countdown-digit-pop{0%{opacity:0;filter:blur(12px);transform:scale(.65)translateY(10px)}40%{opacity:1;filter:blur();transform:scale(1.08)translateY(-2px)}70%{transform:scale(.97)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.countdown-number{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#fff;filter:drop-shadow(0 0 32px #ff783280);font-size:140px;font-weight:800;line-height:1}.countdown-go{letter-spacing:-.03em;color:var(--accent);filter:drop-shadow(0 0 36px #ff4b2bb3);align-items:center;gap:12px;font-size:80px;font-weight:900;display:flex}.countdown-rec-dot{background:#ff3b30;border-radius:50%;width:24px;height:24px;animation:.8s ease-in-out infinite alternate countdown-dot-pulse}@keyframes countdown-dot-pulse{0%{opacity:.7;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.countdown-cancel-pill{z-index:2;-webkit-backdrop-filter:blur(12px);color:#ffffffb3;letter-spacing:.01em;background:#ffffff12;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 10px 30px #0000004d}.countdown-overlay:hover .countdown-cancel-pill{color:#fffffff2;background:#ffffff1f;border-color:#ffffff40}.countdown-kbd{color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:5px;padding:2px 7px;font-family:inherit;font-size:11px;font-weight:700}.camera-preview-row{align-items:center;gap:12px;display:flex}.camera-preview{object-fit:cover;border:2px solid var(--border-strong);width:84px;height:84px;box-shadow:var(--shadow-2);background:var(--surface-well);border-radius:50%;transform:scaleX(-1)}.recents{flex-direction:column;gap:8px;width:100%;display:flex}.recents-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;display:grid}.recent-card{text-align:left;width:100%;font:inherit;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-1), var(--hairline-top);transition:background var(--dur-1) var(--ease-soft), border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft);justify-content:flex-start;align-items:center;gap:11px;padding:9px 12px;display:flex}.recent-card:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-2), var(--hairline-top)}.recent-thumb{border-radius:6px;flex-shrink:0;width:42px;height:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.recent-thumb:after{content:"";border:1px solid #ffffff73;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recent-meta{flex-direction:column;min-width:0;display:flex}.recent-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.recent-time{color:var(--text-dim);font-size:11.5px}.recents-empty{color:var(--text-dim);background:var(--surface-1);border:1px dashed var(--border-strong);border-radius:var(--radius);align-items:center;gap:11px;padding:10px 13px;font-size:13px;display:flex}.recents-empty .recents-empty-ico{background:var(--surface-3);width:30px;height:30px;color:var(--text-dim);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.source-windows-head{align-items:center;min-height:34px}.window-refresh{width:30px;height:30px;color:var(--text-dim);padding:6px}.window-refresh:hover:not(:disabled){color:var(--accent)}.window-refresh .is-spinning{animation:.8s linear infinite window-refresh-spin}@keyframes window-refresh-spin{to{transform:rotate(360deg)}}.window-search{background:var(--surface-well);border:1px solid var(--border);height:32px;color:var(--text-dim);transition:border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft), background var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft);border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 12px;display:flex;position:relative}.window-search:hover{border-color:var(--border-strong)}.window-search:focus-within{border-color:var(--accent);box-shadow:var(--ring);color:var(--accent)}.window-search input[type=text]{width:160px;color:var(--text);font-size:13px;box-shadow:none!important;text-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.window-search input[type=text]::placeholder{color:var(--text-dim);text-shadow:none}.window-search input[type=text]:focus{box-shadow:none!important;border:none!important;outline:none!important}.window-search-clear{width:22px;height:22px;color:var(--text-dim);flex-shrink:0;padding:0}.window-empty{color:var(--text-dim);padding:9px 12px;font-size:12.5px}.mic-meter{background:var(--surface-1);border:1px solid var(--border-faint);border-radius:var(--radius-sm);box-shadow:var(--well-inset);color:var(--text-dim);align-items:center;gap:9px;margin-top:1px;padding:6px 9px;display:flex}.mic-meter.muted{color:var(--text-faint)}.mic-meter-track{background:var(--surface-3);height:8px;box-shadow:var(--well-inset);border-radius:999px;flex:1;position:relative;overflow:hidden}.mic-meter-track:before{content:"";z-index:2;pointer-events:none;background-image:repeating-linear-gradient(90deg, transparent 0 6px, var(--surface-1) 6px 8px);position:absolute;inset:0}.mic-meter-bar{z-index:1;background:linear-gradient(90deg, var(--ok) 0%, var(--ok) 55%, var(--warn) 80%, var(--danger) 100%);position:absolute;inset:0}.mic-meter-mask{z-index:1;background:var(--surface-3);width:100%;transition:transform 70ms linear;position:absolute;top:0;bottom:0;right:0}.mic-meter-note{color:var(--notice);font-size:11.5px;font-weight:400}.recorder .banner{border-radius:var(--radius);background:var(--surface-well);box-shadow:var(--well-inset);border:1px solid var(--border-strong);transition:border-color var(--dur-1) var(--ease-soft), background var(--dur-1) var(--ease-soft);align-items:center;gap:12px;padding:10px 16px;font-size:12.5px;font-weight:500;line-height:1.4;display:flex}.recorder-status-stack{flex-direction:column;gap:8px;width:100%;display:flex}.recorder.is-collapsed .recorder-status-stack{gap:6px}.recorder.is-collapsed .recorder-status-stack .banner{border-radius:10px;padding:8px 12px;font-size:11.5px}.recorder .banner .banner-icon{flex-shrink:0}.recorder .banner.warn{background:var(--notice-soft);border-color:var(--notice-line);color:var(--notice)}.recorder .banner.warn code{background:var(--surface-well);border:1px solid var(--notice-line);color:var(--text-strong);border-radius:4px;padding:1px 6px;font-size:11.5px}.recorder .banner.error{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 42%, transparent);color:var(--danger)}.sys-audio-unavailable{color:var(--notice);background:var(--notice-soft);border:1px solid var(--notice-line);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;font-weight:400;display:flex}.sys-audio-toggle{color:var(--text);text-underline-offset:2px;padding:3px 8px;font-size:12px;text-decoration:underline}.sys-audio-help{color:var(--text-dim);padding:2px 2px 0;font-size:12px;font-weight:400;line-height:1.5}.sys-audio-help strong{color:var(--text)}.framing{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--well-inset);align-items:center;gap:13px;padding:11px 14px;display:flex}.framing-screen{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--surface-well);border:1px solid var(--border-strong);flex-shrink:0;width:88px;position:relative;overflow:hidden}.framing-crop{background:var(--accent-soft);border-left:1.5px solid var(--accent);border-right:1.5px solid var(--accent);color:var(--accent);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.framing-text{min-width:0}.framing-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.recorder-bar-shell{width:100%;max-width:760px;animation:rise-in var(--dur-3) var(--ease) both;flex-direction:column;gap:12px;margin:auto;display:flex}.recorder.is-collapsed{justify-content:flex-start;padding:0;overflow:hidden}.recorder.is-collapsed .recorder-bar-shell{gap:10px;max-width:720px;margin:auto;padding:13px 15px}.recorder.is-collapsed .countdown-overlay{gap:12px}.recorder.is-collapsed .countdown-ambient-glow{width:200px;height:200px}.recorder.is-collapsed .countdown-circle-stage{width:120px;height:120px}.recorder.is-collapsed .countdown-number{font-size:54px}.recorder.is-collapsed .countdown-go{gap:6px;font-size:36px}.recorder.is-collapsed .countdown-rec-dot{width:12px;height:12px}.recorder.is-collapsed .countdown-cancel-pill{padding:4px 12px;font-size:11px}.recorder-bar{background:var(--glass-panel);background-image:var(--panel-sheen);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow);flex-wrap:wrap;align-items:center;gap:12px 10px;padding:12px 14px;display:flex}.recorder-bar-logo{width:40px;height:40px}.bar-source{flex:220px;align-items:center;gap:9px;min-width:150px;padding-left:3px;display:flex}.bar-source-ico{color:var(--text-dim);flex-shrink:0;display:flex}.bar-source select{width:100%;min-width:0;height:40px;color:var(--text);flex:auto;font-size:13.5px;font-weight:500}.bar-divider{background:var(--border-strong);flex-shrink:0;width:1px;height:26px}.bar-toggles{align-items:center;gap:6px;display:flex}.recorder .bar-toggle{width:38px;height:38px;color:var(--text-dim);flex-shrink:0;padding:0}.recorder .bar-toggle.is-on{color:var(--info);background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 55%, transparent)}.recorder .bar-toggle.is-on:hover:not(:disabled){background:color-mix(in srgb, var(--info) 22%, var(--surface-2));border-color:color-mix(in srgb, var(--info) 70%, transparent)}.recorder .bar-toggle.is-on:focus-visible{box-shadow:var(--ring)}.recorder .record-button.bar-record{flex-shrink:0;width:auto;padding:12px 26px;font-size:14.5px}.recorder-bar-hint{color:var(--text-dim);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.recorder-bar-hint .kbd{color:var(--text)}.region-picker{cursor:crosshair;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.region-dim{pointer-events:none;background:#0006;position:absolute}.region-hint{background:var(--surface-1);background-image:var(--panel-sheen);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--panel-shadow);z-index:2;pointer-events:none;border-radius:999px;padding:11px 20px;font-size:13.5px;font-weight:500;position:absolute;top:10%;left:50%;transform:translate(-50%)}.region-selection{border:2px solid var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px #0009, var(--shadow-2);z-index:1;pointer-events:none;position:absolute}.region-dims{background:var(--accent);color:var(--accent-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:var(--shadow-1);border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:-28px;left:0}.region-dims.inside{top:6px;left:6px}.controls-widget{background:var(--glass-panel);background-image:var(--panel-sheen);height:50px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-strong);box-shadow:var(--panel-shadow), var(--shadow-3);cursor:grab;animation:scale-in var(--dur-2) var(--ease) both;border-radius:25px;align-items:center;gap:8px;margin:4px;padding:0 10px 0 14px;display:flex}.controls-widget:active{cursor:grabbing}.controls-dot{--led-color:var(--danger);background:var(--led-color);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.6s ease-in-out infinite controls-pulse;box-shadow:0 0 0 1px #00000059}.controls-dot.paused{--led-color:var(--accent);animation:none}@keyframes controls-pulse{50%{opacity:.35}}.controls-time.lcd{border-radius:var(--radius-sm);justify-content:center;padding:5px 11px}.controls-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--lcd-ink);text-align:center;min-width:46px;font-size:15px;font-weight:700}.controls-widget button{padding:8px}.controls-stop{background:color-mix(in srgb, var(--danger) 78%, #000);color:#fff;border-color:#0000}.controls-stop:hover:not(:disabled){background:var(--danger);border-color:#0000}:root{--bg:#131720;--surface:#232936;--fg:#eef1f8;--muted:#b8c1d1;--border:#414b5d;--accent:#ff8636;--navy:#1a1f2a;--navy-2:#1d2330;--slate:#2c3340;--slate-2:#363e4d;--steel:#b7c1d3;--ember:#f2701c;--peach:#ff9d54;--accent-ink:#3a1602;--key:var(--bg);--ink:var(--fg);--paper:var(--fg);--font-display:Impact, Haettenschweiler, "Arial Black", Futura, -apple-system, sans-serif;--font-body:Georgia, "Iowan Old Style", "Times New Roman", "Charter", serif;--font-mono:"Courier New", Courier, ui-monospace, Menlo, Monaco, monospace;--fs-h1:clamp(34px, 4.2vw, 48px);--fs-h2:clamp(36px, 5vw, 56px);--fs-h3:22px;--fs-lead:20px;--fs-body:17px;--fs-meta:14px;--gap-xs:8px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:56px;--gap-2xl:96px;--container:1180px;--gutter:28px;--rule:3px}@supports (color:lab(0% 0 0)){:root{--bg:lab(7.64617% .164844 -6.99943);--surface:lab(16.4451% .121072 -9.39267);--fg:lab(95.0679% -.0838339 -3.74717);--muted:lab(77.6257% -.80505 -9.31159);--border:lab(31.5369% -.59019 -12.0746);--accent:lab(69.1575% 43.3583 61.7513);--navy:lab(11.635% .166111 -8.25166);--navy-2:lab(13.5715% .202551 -9.58188);--slate:lab(20.9932% -.374943 -9.23709);--slate-2:lab(25.9304% -.39579 -10.3443);--steel:lab(77.7059% -.86388 -10.3037);--ember:lab(62.8755% 48.2261 65.3032);--peach:lab(74.16% 33.1104 53.296);--accent-ink:lab(12.7357% 17.1471 18.5721)}}body[data-page=landing]{scrollbar-color:var(--accent) var(--navy);scrollbar-width:thin;-webkit-user-select:auto!important;user-select:auto!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}html:has(.landing-root){scrollbar-color:var(--accent) var(--navy);scrollbar-width:thin;-webkit-user-select:auto!important;user-select:auto!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}body:has(.landing-root){scrollbar-color:var(--accent) var(--navy);scrollbar-width:thin;-webkit-user-select:auto!important;user-select:auto!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}html:has(.landing-root)::-webkit-scrollbar{width:12px}body:has(.landing-root)::-webkit-scrollbar{width:12px}html:has(.landing-root)::-webkit-scrollbar-track{background:var(--navy)}body:has(.landing-root)::-webkit-scrollbar-track{background:var(--navy)}html:has(.landing-root)::-webkit-scrollbar-thumb{background:var(--slate-2);border:2px solid var(--navy);border-radius:6px}body:has(.landing-root)::-webkit-scrollbar-thumb{background:var(--slate-2);border:2px solid var(--navy);border-radius:6px}html:has(.landing-root)::-webkit-scrollbar-thumb:hover{background:var(--accent)}body:has(.landing-root)::-webkit-scrollbar-thumb:hover{background:var(--accent)}.landing-root{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;line-height:1.55;overflow-x:clip}.landing-root *,.landing-root :before,.landing-root :after{box-sizing:border-box}.landing-root img,.landing-root svg{max-width:100%;display:block}.landing-root figure{margin:0}.landing-root a{color:inherit;text-decoration:none}.landing-root button{font:inherit;cursor:pointer}.landing-root p{text-wrap:pretty;margin:0}.landing-root h1,.landing-root h2,.landing-root h3,.landing-root h4{text-wrap:balance}.landing-root ::selection{background:var(--accent);color:var(--accent-ink)}.landing-skip{z-index:40;background:var(--accent);color:var(--accent-ink);border:var(--rule) solid var(--accent-ink);min-height:44px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;font-size:16px;transition:top .2s;position:absolute;top:-64px;left:12px}.landing-skip:focus,.landing-skip:focus-visible{top:12px}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(56px,8vw,96px)}.stack{flex-direction:column;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--gap-md);display:flex}.landing-root h1,.landing-root .h1{font-family:var(--font-body);font-size:var(--fs-h1);letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.18}.landing-root h2,.landing-root .h2{font-family:var(--font-display);font-size:var(--fs-h2);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:400;line-height:1.05}.landing-root h3,.landing-root .h3{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:400;line-height:1.12}.lead{font-size:var(--fs-lead);color:var(--muted);max-width:38ch;line-height:1.5}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:12px}.meta{font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);line-height:1.35}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topnav{z-index:30;background:var(--navy);color:var(--paper);border-bottom:var(--rule) solid var(--ink);position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:16px;padding-block:10px;display:flex}.topnav .logo{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;min-height:44px;padding:0;font-size:22px;display:inline-flex}.topnav .logo:hover,.topnav .logo:hover .logo-mark{color:var(--paper);border-color:var(--paper)}.topnav .logo:hover .logo-mark i{background:var(--paper)}.logo-mark{border:2px solid var(--accent);flex:none;place-items:center;width:18px;height:18px;transition:border-color .15s;display:grid}.logo-mark i{background:var(--accent);width:7px;height:7px;transition:background .15s;display:block}.topnav nav{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.topnav nav a,.topnav nav button.nav-link{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;padding-inline:12px;font-size:12px;transition:color .15s,background .15s;display:inline-flex}.topnav nav a:hover,.topnav nav button.nav-link:hover,.topnav nav a.is-active,.topnav nav button.nav-link.is-active{color:var(--accent-ink);background:var(--accent)}.btn{border:var(--rule) solid var(--ink);min-width:44px;min-height:48px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:18px;text-decoration:none;transition:background .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1),border-color .15s cubic-bezier(.2,0,0,1);display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{background:var(--key);color:var(--accent);border-color:var(--ink)}.btn-secondary{color:var(--ink);border-color:var(--ink);background:0 0}.btn-secondary:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn:focus-visible,.landing-skip:focus-visible,.landing-root a:focus-visible,.landing-root button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn-primary:focus-visible,.landing-skip:focus-visible{outline-color:var(--paper)}.topnav .logo:focus-visible,.topnav nav a:focus-visible,.topnav nav button:focus-visible,.cta-band a:focus-visible,.cta-band button:focus-visible{outline-color:var(--accent)}.btn:active{transform:translate(1px,1px)}.btn[aria-busy=true]{opacity:.8;cursor:wait}.btn[aria-disabled=true],.btn:disabled{background:var(--slate);color:var(--muted);border-color:var(--border);cursor:not-allowed;pointer-events:none;transform:none}.hero{background-color:var(--bg);background-image:radial-gradient(var(--border) .65px, transparent .7px);border-bottom:var(--rule) solid var(--ink);background-size:8px 8px;padding-block:clamp(36px,5vw,64px) clamp(64px,8vw,96px)}.mast{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:18px;padding:10px 0;font-size:12px;display:flex}.poster-name{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);-webkit-user-select:none;user-select:none;margin:8px 0 32px;padding:4px 10px 6px;font-size:clamp(72px,16vw,188px);line-height:.86;position:relative;overflow:hidden}.poster-name .fill{z-index:1;position:relative}.poster-name:before,.poster-name:after{content:"CRASH\a ZOOM";white-space:pre;pointer-events:none;position:absolute;top:4px;left:10px}.poster-name:before{color:var(--steel);z-index:0;transform:translate(-5px,3px)}.poster-name:after{color:var(--accent);z-index:0;transform:translate(4px,-2px)}.hero-product{grid-template-columns:minmax(260px,.92fr) minmax(300px,1.1fr);align-items:end;gap:clamp(28px,5vw,64px);display:grid}.hero-copy h1{max-width:24ch;margin:0 0 16px}.hero-copy .lead{color:var(--muted);max-width:48ch;margin:0 0 28px}.hero-cta{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.hero-note{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.4}.status{border:var(--rule) solid var(--ink);background:var(--surface);color:var(--ink);max-width:42ch;margin:16px 0 0;padding:12px 14px}.status[hidden]{display:none}.status-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:12px;line-height:1.3;display:block}.status-msg{font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:16px;line-height:1.45;display:block}.status[data-state=loading]{background:var(--surface);color:var(--ink)}.status[data-state=ready]{background:var(--accent);color:var(--accent-ink)}.status[data-state=error]{background:var(--ember);color:var(--accent-ink)}.cta-band .status{border-color:var(--accent);color:var(--accent);background:0 0;margin-top:16px}.cta-band .status[data-state=ready]{background:var(--accent);color:var(--accent-ink)}.cta-band .status[data-state=error]{background:var(--ember);color:var(--accent-ink);border-color:var(--ember)}.shot-frame{min-width:0;padding:14px;position:relative}.product-shot{border:var(--rule) solid var(--ink);background:var(--key);min-width:0;box-shadow:8px 8px 0 0 var(--accent);overflow:hidden}.product-shot img,.feature-media img,.workflow-shot img{width:100%;height:auto;display:block}.product-shot figcaption,.workflow-shot figcaption{border-top:var(--rule) solid var(--ink);background:var(--paper);color:var(--key);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:11px;line-height:1.35;display:flex}.shot-kicker{background:var(--accent);color:var(--accent-ink);white-space:nowrap;padding:3px 6px;font-weight:700}.print-wrap{min-width:0;padding:14px;position:relative}.crop{border-color:var(--ink);border-style:solid;width:14px;height:14px;position:absolute}.crop-tl{border-width:2px 0 0 2px;top:0;left:0}.crop-tr{border-width:2px 2px 0 0;top:0;right:0}.crop-bl{border-width:0 0 2px 2px;bottom:0;left:0}.crop-br{border-width:0 2px 2px 0;bottom:0;right:0}.print-grid{border:var(--rule) solid var(--ink);background:var(--ink);grid-template-columns:1fr 1fr;gap:3px;display:grid}.print{flex-direction:column;gap:6px;min-width:0;padding:8px 8px 10px;display:flex}.print-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:12px;line-height:1.25}.plate-y{background:var(--accent);color:var(--accent-ink);--chrome:var(--accent-ink);--screen:var(--slate);--pip:var(--paper);--desk:var(--navy);--type:var(--accent)}.plate-c{background:var(--steel);color:var(--key);--chrome:var(--key);--screen:var(--accent);--pip:var(--ember);--desk:var(--paper);--type:var(--key)}.plate-m{background:var(--paper);color:var(--key);--chrome:var(--key);--screen:var(--slate-2);--pip:var(--accent);--desk:var(--steel);--type:var(--paper)}.plate-k{background:var(--key);color:var(--accent);--chrome:var(--accent);--screen:var(--slate);--pip:var(--ember);--desk:var(--navy-2);--type:var(--key)}.rec{border:2px solid var(--chrome);background:var(--chrome);min-width:0}.rec-bar{color:var(--type);justify-content:space-between;align-items:center;gap:6px;padding:5px 7px;display:flex}.plate-y .rec-bar{color:var(--accent)}.plate-c .rec-bar{color:var(--steel)}.plate-m .rec-bar{color:var(--paper)}.plate-k .rec-bar{color:var(--key);background:var(--accent)}.rec-dots{flex:none;gap:3px;width:28px;display:flex}.rec-dots i{background:currentColor;width:6px;height:6px;display:block}.rec-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;flex:1;font-size:9px;line-height:1.1}.rec-live{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:4px;font-size:9px;line-height:1.1;display:inline-flex}.rec-dot{background:var(--accent);width:6px;height:6px;display:block}.plate-y .rec-dot,.plate-k .rec-dot{background:var(--peach)}.plate-m .rec-dot{background:var(--accent)}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:no-preference){.rec-dot{animation:1.7s ease-in-out infinite rec-pulse}}.stage{background:var(--screen);height:clamp(118px,16vw,148px);position:relative;overflow:hidden}.win{border:2px solid var(--chrome);background:var(--desk);position:absolute}.win-a{width:54%;height:58%;top:14px;left:10px}.win-b{width:32%;height:40%;top:28px;right:10px}.win header{background:var(--chrome);height:10px}.pip{background:var(--pip);border:2px solid var(--chrome);width:44px;height:44px;position:absolute;bottom:10px;right:10px}.face{background:var(--chrome);clip-path:ellipse(42% 48% at 50% 46%);position:absolute;inset:8px 8px 6px}.shades{background:var(--key);height:8px;position:absolute;top:16px;left:6px;right:6px}.plate-k .shades{background:var(--key)}.print-cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:13px;line-height:1.4}#capture{background:var(--navy);border-bottom:var(--rule) solid var(--ink)}.section-head{max-width:16ch;margin-bottom:36px}.bento{border:var(--rule) solid var(--ink);grid-template-rows:auto auto;grid-template-columns:1.2fr .9fr;gap:0;display:grid}.feature{border-right:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink);min-width:0;padding:28px 28px 30px}.feature-display{background:var(--steel);color:var(--key);grid-row:1/span 2}.feature-camera{background:var(--accent);color:var(--accent-ink)}.feature-together{background:var(--slate);color:var(--ink);border-bottom:0}.feature h3{margin-bottom:10px}.feature p{max-width:36ch;color:inherit;font-size:16px;line-height:1.5}.idx{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:inherit;margin:0 0 8px;font-size:12px}.mini{background:color-mix(in oklch, currentColor 10%, transparent);border:2px solid;height:104px;margin-bottom:18px;position:relative;overflow:hidden}.feature-display .mini{height:200px}.feature-media{background:var(--key);border:2px solid;margin-bottom:20px;overflow:hidden}.mini-screen{border:2px solid;position:absolute;inset:16px 16px 24px}.mini-screen:after{content:"";background:currentColor;width:28%;height:4px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.mini-cam{border:2px solid;border-radius:50%;position:absolute;inset:20px}.mini-cam:after{content:"";border:2px solid;border-radius:50%;position:absolute;inset:22%}.mini-both .mini-screen{inset:16px 44% 24px 14px}.mini-both .mini-cam{width:52px;height:52px;inset:auto 14px 24px auto}#requirements{background:var(--navy-2);border-bottom:var(--rule) solid var(--ink)}.req-head{grid-template-columns:1fr .92fr;align-items:end;gap:clamp(28px,5vw,72px);margin-bottom:28px;display:grid}.req-head h2{max-width:16ch}.req-head .lead{color:var(--muted);max-width:42ch;margin-top:16px}.build{background:var(--surface);border:var(--rule) solid var(--ink);box-shadow:8px 8px 0 0 var(--accent);padding:24px 24px 18px}.build-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.build-file{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;overflow-wrap:anywhere;margin:0 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.05}.spec-list{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.spec-list li{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;font-size:15px;display:flex}.spec-list span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:0 auto;font-size:12px}.spec-list b{text-align:right;font-weight:400;font-family:var(--font-body);line-height:1.35}.tag{border:2px solid var(--ink);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);flex:none;align-items:center;padding:4px 8px;font-size:11px;display:inline-flex;transform:rotate(-6deg)}.tag-on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-ink)}.planned{border:var(--rule) solid var(--ink);grid-template-columns:1fr 1fr;gap:0;display:grid}.planned article{background:var(--surface);padding:20px 22px 18px}.planned article+article{border-left:var(--rule) solid var(--ink)}.planned h3{margin-bottom:8px;font-size:20px}.planned .meta{color:var(--muted);text-transform:none;letter-spacing:0;font-size:15px;line-height:1.5;font-family:var(--font-body);max-width:36ch}#how-it-works{background:var(--surface);border-bottom:var(--rule) solid var(--ink)}.how-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.how-head h2{max-width:16ch}.log-row{gap:var(--gap-lg);border-top:var(--rule) solid var(--ink);grid-template-columns:88px 1fr auto;align-items:baseline;padding:26px 0;display:grid}.log-row:last-child{border-bottom:var(--rule) solid var(--ink)}.log-row .step-num{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);font-size:42px;line-height:.9}.log-row h3{font-size:26px}.log-row p{color:var(--muted);max-width:52ch;margin:8px 0 0;line-height:1.5}.log-row .pull{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.workflow-proof{border:var(--rule) solid var(--ink);background:var(--navy);color:var(--paper);grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);margin-top:40px;display:grid;overflow:hidden}.workflow-proof-copy{flex-direction:column;justify-content:center;padding:clamp(24px,4vw,48px);display:flex}.workflow-proof-copy .idx{color:var(--accent)}.workflow-proof-copy h3{max-width:12ch;color:var(--paper);margin-bottom:12px}.workflow-proof-copy p:last-child{max-width:34ch;color:var(--muted);font-size:16px;line-height:1.55}.workflow-shot{border-left:var(--rule) solid var(--ink);background:var(--key);min-width:0}.workflow-shot figcaption{justify-content:flex-start}.cta-band{background:var(--navy);color:var(--paper);border-bottom:var(--rule) solid var(--ink)}.cta-inner{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.cta-band h2{max-width:16ch;color:var(--paper)}.cta-band .lead{color:var(--muted);margin:14px 0 0}.cta-band .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.cta-band .btn-primary:hover{background:var(--paper);color:var(--key);border-color:var(--paper)}.cta-band .btn[aria-disabled=true],.cta-band .btn:disabled{background:var(--slate);color:var(--muted);border-color:var(--border)}.pagefoot{background:var(--navy);color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding-block:28px;font-size:13px}.pagefoot .row-between{flex-wrap:wrap}#capture,#requirements,#how-it-works,#download,#top{scroll-margin-top:80px}@media (max-width:920px){:root{--gutter:18px}.topnav-inner{flex-wrap:wrap}.hero-product,.req-head,.planned,.bento{grid-template-columns:1fr}.feature{border-right:0}.feature-display{grid-row:auto}.feature-together{border-bottom:var(--rule) solid var(--ink)}.planned article+article{border-left:0;border-top:var(--rule) solid var(--ink)}.log-row{grid-template-columns:1fr;gap:8px}.log-row .pull{text-align:left}.cta-inner{flex-direction:column;align-items:flex-start}.workflow-proof{grid-template-columns:1fr}.workflow-shot{border-top:var(--rule) solid var(--ink);border-left:0}.feature-display .mini{height:140px}.poster-name{font-size:clamp(64px,20vw,120px);line-height:.88}.build,.product-shot{box-shadow:5px 5px 0 0 var(--accent)}}@media (max-width:520px){.spec-list li{flex-direction:column;align-items:flex-start;gap:4px}.spec-list b{text-align:left}.stage{height:100px}.print{padding:6px}.hero-cta{width:100%}.hero-cta .btn{flex:auto}.shot-frame{padding:8px}.product-shot figcaption,.workflow-shot figcaption{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}@font-face{font-family:InterEmbed;src:url(/assets/Inter-Regular-VF2RPR_K.ttf)format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:GeistEmbed;src:url(/assets/Geist-Variable-Dvljps6H.ttf)format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:GeistMonoEmbed;src:url(/assets/GeistMono-Variable-B5UyFoq1.ttf)format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:SpaceGroteskEmbed;src:url(/assets/SpaceGrotesk-Variable-Dcw4Q7AU.ttf)format("truetype");font-weight:300 700;font-style:normal}@font-face{font-family:DMSansEmbed;src:url(/assets/DMSans-Variable-C2ZkSCww.ttf)format("truetype");font-weight:100 1000;font-style:normal}@font-face{font-family:SourceSansEmbed;src:url(/assets/SourceSans3-Variable-CD-WOsSK.ttf)format("truetype");font-weight:200 900;font-style:normal}@font-face{font-family:IBMPlexSansEmbed;src:url(/assets/IBMPlexSans-Variable-B8AMtGvj.ttf)format("truetype");font-weight:100 700;font-style:normal}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#131720;--bg-app-tint:#1d2330;--surface-1:#232936;--surface-2:#2c3340;--surface-3:#363e4d;--surface-4:#414b5d;--surface-well:#1a1f2a;--bg-panel:var(--surface-1);--bg-raised:var(--surface-2);--bg-hover:var(--surface-3);--border-faint:#ffffff0f;--border:#ffffff17;--border-strong:#ffffff24;--edge-light:#ffffff14;--edge-light-strong:#ffffff21;--tick-line:#3a4354;--text:#eef1f8;--text-dim:#a6b0c2;--text-faint:#96a1b6;--text-label:#b7c1d3;--text-strong:#fff;--text-muted:#96a1b6;--accent:#ff8636;--accent-strong:#f2701c;--accent-soft:#ff863626;--accent-line:#ff86366b;--accent-grad:linear-gradient(180deg, #ff9d54 0%, #f2701c 100%);--accent-text:#3a1602;--ch-orange:#f0a23a;--ch-yellow:#f3c63f;--ch-green:#5ec46a;--ch-teal:#46c2cf;--ch-violet:#a982f5;--ch-orange-soft:#f0a23a29;--ch-yellow-soft:#f3c63f29;--ch-green-soft:#5ec46a29;--ch-teal-soft:#46c2cf29;--ch-violet-soft:#a982f529;--danger:#ff5a6e;--danger-soft:#ff5a6e26;--ok:var(--ch-green);--ok-soft:var(--ch-green-soft);--warn:var(--ch-yellow);--warn-soft:var(--ch-yellow-soft);--info:var(--ch-teal);--info-soft:var(--ch-teal-soft);--speed:var(--ch-violet);--speed-soft:var(--ch-violet-soft);--status-unsaved:var(--ch-teal);--status-work:var(--ch-teal);--lcd-bg:linear-gradient(180deg, #d7e7e0 0%, #bdd4cd 100%);--lcd-ink:#1d3633;--lcd-dim:#557571;--lcd-line:#1d36331f;--raised:none;--pressed:inset 0 1px 2px #00000040;--well-inset:inset 0 1px 2px #00000038;--well-top:none;--panel-shadow:0 12px 34px #0000006b;--panel-sheen:none;--card-shadow:var(--panel-shadow);--card-sheen:var(--panel-sheen);--edge-top:none;--hairline-top:var(--edge-top);--shadow-1:0 1px 2px #0000004d;--shadow-2:0 8px 24px #00000061;--shadow-3:0 20px 54px #0000008c;--ring:0 0 0 3px var(--accent-soft);--glow-accent:0 6px 22px #ff863638;--z-overlay:100;--z-modal:200;--z-menu:1000;--radius-lg:14px;--radius:10px;--radius-sm:8px;--radius-pill:999px;--glass-panel:#232936e0;--glass-raised:#2c3340bf;--glass-bar:#1a1f2ad1;--glass-blur:blur(20px) saturate(125%);--ease:cubic-bezier(.33, 1, .68, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--dur-1:.17s;--dur-2:.24s;--dur-3:.44s;--font-ui:"InterEmbed", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, "Cascadia Code", "Roboto Mono", monospace;font-family:var(--font-ui);font-size:14px;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 560px at 50% -12%, var(--bg-app-tint), transparent 60%), var(--bg-app);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;overflow:hidden}body[data-page=landing]{-webkit-user-select:auto;user-select:auto;height:auto;min-height:100%;overflow:hidden auto!important}html:has(.landing-root){-webkit-user-select:auto;user-select:auto;height:auto;min-height:100%;overflow:hidden auto!important}body:has(.landing-root){-webkit-user-select:auto;user-select:auto;height:auto;min-height:100%;overflow:hidden auto!important}body[data-page=landing] #root{height:auto;min-height:100%}#root:has(.landing-root){height:auto;min-height:100%}body[data-win]{background:0 0}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--surface-4);background-clip:padding-box}button{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--dur-1) var(--ease-soft), background var(--dur-1) var(--ease-soft), border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft), filter var(--dur-1) var(--ease-soft), opacity var(--dur-1) var(--ease-soft);justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}button:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong);color:#fff}button:active:not(:disabled){background:var(--surface-4)}button:disabled{opacity:.42;cursor:default}button:focus-visible{box-shadow:var(--ring);outline:none}button.primary{background:var(--accent-strong);color:#fff8f3;border-color:#0000;font-weight:700}button.primary:hover:not(:disabled){background:var(--accent);color:#fff8f3;border-color:#0000}button.primary:active:not(:disabled){background:var(--accent-strong);filter:brightness(.94)}button.danger{background:color-mix(in srgb, var(--danger) 78%, #000);color:#fff;border-color:#0000;font-weight:600}button.danger:hover:not(:disabled){background:var(--danger);border-color:#0000}button.danger:active:not(:disabled){filter:brightness(.92)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:#ffffff12;border-color:#0000}button.ghost:active:not(:disabled){background:#ffffff1f}button.ghost:focus-visible{box-shadow:var(--ring)}.icon-btn{flex-shrink:0;width:34px;height:34px;padding:8px}input[type=text],input[type=number],select,textarea{font:inherit;color:var(--text);background:var(--surface-well);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft), background var(--dur-1) var(--ease-soft);padding:8px 11px}input[type=text]:hover,input[type=number]:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}select{appearance:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b7c1d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px;overflow:hidden}select:disabled{opacity:.5;cursor:not-allowed;color:var(--text-faint)}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:var(--surface-4);border-radius:999px;height:4px}input[type=range]::-moz-range-track{background:var(--surface-4);border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;transition:background var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft);background:#dfe4ee;border:1px solid #00000059;border-radius:50%;margin-top:-5px}input[type=range]::-moz-range-thumb{width:14px;height:14px;transition:background var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft);background:#dfe4ee;border:1px solid #00000059;border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{background:#fff}input[type=range]:hover::-moz-range-thumb{background:#fff}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--ring)}input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;block-size:30px;inline-size:30px;padding:0}.field{color:var(--text-dim);flex-direction:column;gap:7px;font-size:12px;font-weight:500;display:flex}:is(.field:has(input[type=range]),.field-range){white-space:nowrap;flex-direction:row;align-items:center;gap:10px}:is(.field:has(input[type=range])>input[type=range],.field-range>input[type=range]){flex:1;min-width:0}.field-value{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.slider-field{background:var(--surface-3,#ffffff12);border:1px solid var(--border-subtle,#ffffff14);border-radius:var(--radius-md,8px);box-sizing:border-box;cursor:ew-resize;touch-action:none;width:100%;height:36px;transition:background var(--dur-1) var(--ease-soft), border-color var(--dur-1) var(--ease-soft);align-items:center;padding:3px;display:flex;position:relative;overflow:hidden;-webkit-user-select:none!important;user-select:none!important}.slider-field *{-webkit-user-select:none!important;user-select:none!important}.slider-field:hover{background:var(--surface-4,#ffffff1a);border-color:var(--border-strong,#ffffff26)}.slider-field.disabled{opacity:.5;cursor:not-allowed}.slider-field-fill{pointer-events:none;z-index:1;box-sizing:border-box;max-width:calc(100% - 6px);transition:background var(--dur-1) var(--ease-soft);background:#ffffff24;border-radius:6px;position:absolute;top:3px;bottom:3px;left:3px}.slider-field:hover .slider-field-fill{background:#ffffff2e}.slider-field-label{color:var(--text-dim,#ffffffbf);white-space:nowrap;pointer-events:none;z-index:2;font-size:12px;font-weight:500;position:absolute;top:50%;left:12px;transform:translateY(-50%);-webkit-user-select:none!important;user-select:none!important}.slider-field-handle{pointer-events:none;width:2px;height:14px;transition:background var(--dur-1) var(--ease-soft);background:#ffffff80;border-radius:1px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.slider-field:hover .slider-field-handle{background:#ffffffd9}.slider-field-value{font-variant-numeric:tabular-nums;color:var(--text-strong,#fff);pointer-events:none;z-index:2;font-size:12px;font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.slider-field-input{opacity:0;pointer-events:none;z-index:3;margin:0;position:absolute;inset:0;width:100%!important;height:100%!important}.slider-field-input::-webkit-slider-runnable-track{background:0 0!important;border:none!important;height:100%!important}.slider-field-input::-moz-range-track{background:0 0!important;border:none!important;height:100%!important}.slider-field-input::-webkit-slider-thumb{opacity:0!important;width:0!important;height:0!important}.slider-field-input::-moz-range-thumb{opacity:0!important;width:0!important;height:0!important}.slider-field-input:disabled{cursor:not-allowed}.slider-field-input:focus-visible~.slider-field-value{outline:2px solid var(--accent,#f0a23a);outline-offset:1px}.slider-field:has(.slider-field-input:focus-visible){outline:2px solid var(--accent,#f0a23a);outline-offset:1px}.row{align-items:center;gap:10px;display:flex}.spacer{flex:1}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;display:grid}.field-grid>.field.wide{grid-column:1/-1}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:600}.panel-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-label);margin-bottom:10px;font-size:11px;font-weight:700}.kbd{color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:5px;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.banner{border-radius:var(--radius);align-items:center;gap:10px;padding:11px 14px;font-size:13px;line-height:1.45;display:flex}.banner.warn{background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 38%, transparent);color:var(--warn)}.banner.error{background:var(--danger-soft);border:1px solid color-mix(in srgb, var(--danger) 42%, transparent);color:var(--danger)}.banner.ok{background:var(--ok-soft);border:1px solid color-mix(in srgb, var(--ok) 38%, transparent);color:var(--ok)}svg.icon{flex-shrink:0;display:block}.glass,.console-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow);position:relative}.lcd{border-radius:var(--radius-sm);background:var(--lcd-bg);color:var(--lcd-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;align-items:center;gap:8px;padding:8px 14px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 7px #00000047,inset 0 0 0 1px #00000038}.lcd:before{content:"";pointer-events:none;background:linear-gradient(180deg, #fff6 0%, #fff0 42%), repeating-linear-gradient(0deg, transparent 0 2px, var(--lcd-line) 2px 3px);position:absolute;inset:0}.lcd>*{z-index:1;position:relative}.lcd-dim{color:var(--lcd-dim)}.knob{--knob-tick:var(--text-dim);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:50%;flex-shrink:0;width:56px;height:56px;position:relative}.knob:after{content:"";background:var(--knob-tick);border-radius:2px;width:3px;height:26%;position:absolute;top:12%;left:50%;transform:translate(-50%)}.knob.knob-sm{width:40px;height:40px}.knob.knob-lg{width:76px;height:76px}.knob.knob-amber{--knob-tick:var(--accent)}.knob.knob-glyph:after{content:none}.knob>.knob-face{z-index:1;color:var(--text);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.transport-knob{--ring-color:var(--ch-teal);background:var(--surface-2);width:46px;height:46px;color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb, var(--ring-color) 70%, transparent);border:none;border-radius:50%;padding:0;position:relative}.transport-knob:hover:not(:disabled){background:var(--surface-3);box-shadow:0 0 0 2px var(--ring-color)}.transport-knob:active:not(:disabled){background:var(--surface-4)}.transport-knob:focus-visible{box-shadow:0 0 0 2px var(--ring-color), var(--ring);outline:none}.ring-orange{--ring-color:var(--ch-orange)}.ring-yellow{--ring-color:var(--ch-yellow)}.ring-green{--ring-color:var(--ch-green)}.ring-teal{--ring-color:var(--ch-teal)}.ring-violet{--ring-color:var(--ch-violet)}.ring-amber{--ring-color:var(--accent)}.led{--led-color:var(--ch-green);background:var(--led-color);border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 1px #00000059}.led.led-red{--led-color:var(--danger)}.led.led-amber{--led-color:var(--accent)}.led.led-green{--led-color:var(--ch-green)}.led.led-teal{--led-color:var(--ch-teal)}.led.led-off{--led-color:#2a3140;background:var(--surface-4)}.switch,button.switch,input[type=checkbox].switch,input[type=checkbox]{appearance:none;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-well);cursor:pointer;width:42px;height:24px;transition:background var(--dur-1) var(--ease-soft), border-color var(--dur-1) var(--ease-soft), box-shadow var(--dur-1) var(--ease-soft);flex-shrink:0;margin:0;padding:0;position:relative}.switch:after,.switch:before,button.switch:after,button.switch:before,input[type=checkbox].switch:after,input[type=checkbox].switch:before,input[type=checkbox]:after,input[type=checkbox]:before{content:"";width:18px;height:18px;transition:transform var(--dur-1) var(--ease-soft), background var(--dur-1) var(--ease-soft);background:#c9d1e0;border-radius:50%;position:absolute;top:2px;left:2px}.switch:before,button.switch:before,input[type=checkbox]:before{display:none!important}.switch[aria-checked=true],button.switch[aria-checked=true],input[type=checkbox].switch:checked,input[type=checkbox]:checked{background:color-mix(in srgb, var(--ch-green) 72%, #000);border-color:#0000}.switch[aria-checked=true]:after,button.switch[aria-checked=true]:after,input[type=checkbox].switch:checked:after,input[type=checkbox]:checked:after{background:#fff;transform:translate(18px)}.switch.switch-amber[aria-checked=true],button.switch.switch-amber[aria-checked=true],input[type=checkbox].switch-amber:checked{background:var(--accent-strong);border-color:#0000}.switch.switch-amber[aria-checked=true]:after,button.switch.switch-amber[aria-checked=true]:after,input[type=checkbox].switch-amber:checked:after{background:#fff}.switch:focus-visible,button.switch:focus-visible,input[type=checkbox]:focus-visible{box-shadow:var(--ring);outline:none}.switch:disabled,button.switch:disabled,input[type=checkbox]:disabled{opacity:.45;cursor:default}.preview-tile{border-radius:var(--radius-sm,8px);cursor:pointer;transition:all var(--dur-1) var(--ease-soft);background:0 0;border:1px solid #0000;flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.preview-tile:hover:not(:disabled){background:#ffffff0f;border-color:#0000}.preview-tile[aria-pressed=true],.preview-tile.active{background:#ffffff14;border-color:#ffffff26}.preview-tile:focus-visible{box-shadow:var(--ring);outline:none}.preview-tile-art{aspect-ratio:16/10;border:1px solid var(--border);border-radius:6px;overflow:hidden}.preview-tile-label{color:var(--text-dim);text-align:center;transition:color var(--dur-1) var(--ease-soft);font-size:11px;font-weight:500}.preview-tile[aria-pressed=true] .preview-tile-label,.preview-tile.active .preview-tile-label{color:#fff;font-weight:600}.preview-tile[aria-pressed=true] .preset-frame,.preview-tile.active .preset-frame{background:#fff;border-color:#fff}.preview-tile[aria-pressed=true] .preset-frame-box,.preview-tile.active .preset-frame-box{background:#111827;border-color:#111827}.bracket-label{text-transform:uppercase;letter-spacing:.16em;color:var(--text-label);align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.bracket-label:before,.bracket-label:after{content:"";background:linear-gradient(90deg, transparent, var(--border-strong), transparent);flex:14px;min-width:14px;height:1px}.connector-strip{border-radius:var(--radius-pill);background:var(--surface-well);border:1px solid var(--border);align-items:center;gap:18px;padding:7px 16px;display:flex}.connector-group{text-transform:uppercase;letter-spacing:.14em;color:var(--text-label);transition:color var(--dur-1) var(--ease-soft);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.connector-group:hover{color:var(--text)}.connector-group+.connector-group{border-left:1px solid var(--border);padding-left:18px}.connector-jack{background:var(--surface-4);width:10px;height:10px;transition:background var(--dur-1) var(--ease-soft);border-radius:50%;position:relative;box-shadow:0 0 0 1px #00000059}.connector-jack.is-active{background:var(--jack-color,var(--ch-teal))}.jack-green{--jack-color:var(--ch-green)}.jack-teal{--jack-color:var(--ch-teal)}.jack-amber{--jack-color:var(--accent)}.channel-strip{border-radius:var(--radius);background:var(--surface-well);border:1px solid var(--border);padding:14px;position:relative}.channel-rail{position:relative}.channel-rail:before{content:"";background:var(--rail-color,var(--text-faint));opacity:.85;border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.rail-orange{--rail-color:var(--ch-orange)}.rail-yellow{--rail-color:var(--ch-yellow)}.rail-green{--rail-color:var(--ch-green)}.rail-teal{--rail-color:var(--ch-teal)}.rail-violet{--rail-color:var(--ch-violet)}.rail-amber{--rail-color:var(--accent)}.screw{display:none}.hero-title{color:var(--text-strong);letter-spacing:-.03em}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.animate-rise{animation:rise-in var(--dur-3) var(--ease) both}.animate-fade{animation:fade-in var(--dur-2) var(--ease) both}.context-menu{z-index:var(--z-menu);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:184px;box-shadow:var(--shadow-2);animation:scale-in var(--dur-1) var(--ease) both;transform-origin:0 0;flex-direction:column;gap:2px;padding:5px;display:flex;position:fixed;overflow:hidden}.context-menu-bevel-strip{display:none}.context-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;transition:background var(--dur-1) var(--ease-soft), color var(--dur-1) var(--ease-soft);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;font-weight:500;display:flex;position:relative}.context-menu-item:hover{background:var(--surface-3);color:#fff}.context-menu-item:active{background:var(--surface-4)}.context-menu-item:focus-visible{background:var(--surface-3);box-shadow:var(--ring);outline:none}.context-menu-item.danger,button.context-menu-item.danger{color:var(--text);filter:none;background:0 0;border-color:#0000}.context-menu-item.danger .context-menu-icon{color:var(--danger)}.context-menu-item.danger:hover,button.context-menu-item.danger:hover,button.context-menu-item.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, transparent);color:#fff;filter:none}.context-menu-item.danger:hover .context-menu-icon{color:#ff94a2}.context-menu-item.danger:active,button.context-menu-item.danger:active,button.context-menu-item.danger:active:not(:disabled){background:color-mix(in srgb, var(--danger) 26%, transparent)}.context-menu-led{background:var(--surface-4);border-radius:50%;flex-shrink:0;width:6px;height:6px}.context-menu-led.active,.context-menu-item.is-checked .context-menu-led{background:var(--ch-green)}.context-menu-icon{color:var(--text-dim);flex-shrink:0}.context-menu-item:hover .context-menu-icon{color:#fff}.context-menu-label{flex:1;min-width:0}.context-menu-kbd{font-family:var(--font-mono);color:var(--text-dim);background:var(--surface-well);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:11px;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}