.ss-app{--ss-bg:#0a1020;--ss-card:#111a2d;--ss-card2:#16233b;--ss-line:#253858;--ss-text:#f6f8fc;--ss-muted:#aebbd0;--ss-accent:#62e0cf;max-width:1100px;margin:20px auto;padding:14px;color:var(--ss-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#08101e,#0d1527);border-radius:22px;box-sizing:border-box}.ss-app *{box-sizing:border-box}.ss-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 4px 14px}.ss-header h2{margin:2px 0 0;font-size:clamp(25px,5vw,38px);color:#fff}.ss-kicker{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--ss-accent)}.ss-badge{padding:8px 12px;border:1px solid #31506c;background:#102338;border-radius:999px;font-size:12px;font-weight:800;color:#d8fffa}.ss-card{background:linear-gradient(180deg,var(--ss-card2),var(--ss-card));border:1px solid var(--ss-line);border-radius:17px;box-shadow:0 12px 32px rgba(0,0,0,.18)}.ss-source-card,.ss-toolbar,.ss-metrics{padding:12px}.ss-segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#0a1424;border-radius:13px}.ss-seg{border:0;background:transparent;color:var(--ss-muted);padding:10px;border-radius:10px;font-weight:800;cursor:pointer}.ss-seg.is-active{background:#1a3450;color:#fff}.ss-source-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ss-primary,.ss-secondary{appearance:none;border:0;border-radius:12px;min-height:44px;padding:0 16px;font-weight:850;cursor:pointer}.ss-primary{background:var(--ss-accent);color:#05211d}.ss-secondary{background:#213451;color:#fff;border:1px solid #314b70}.ss-secondary:disabled{opacity:.45}.ss-file-label{display:inline-flex;align-items:center}.ss-file-label input{display:none}.ss-stage{position:relative;overflow:hidden;margin-top:12px;aspect-ratio:4/3;background:#03070d}.ss-stage video,.ss-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#03070d}.ss-stage canvas{display:none}.ss-empty{position:absolute;inset:0;display:grid;place-items:center;color:#93a5be;font-weight:700;text-align:center;padding:20px}.ss-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:12px}.ss-toolbar label{display:block;color:var(--ss-muted);font-size:12px;font-weight:700}.ss-toolbar label span{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.ss-toolbar b{color:#fff}.ss-toolbar input,.ss-result input{width:100%;accent-color:var(--ss-accent)}.ss-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.ss-result{padding:10px;overflow:hidden}.ss-result-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:8px}.ss-result-head strong{font-size:14px;color:#fff}.ss-result-head span{font-size:11px;color:var(--ss-muted)}.ss-result canvas{display:block;width:100%;aspect-ratio:4/3;background:#050a12;border-radius:11px}.ss-result input{margin-top:8px}.ss-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.ss-metrics div{padding:10px;background:#0d1829;border:1px solid #203653;border-radius:12px}.ss-metrics span{display:block;color:var(--ss-muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.ss-metrics b{display:block;margin-top:3px;color:#fff;font-size:16px}@media(max-width:680px){.ss-app{margin:0;border-radius:0;padding:10px}.ss-toolbar,.ss-results-grid{grid-template-columns:1fr}.ss-metrics{grid-template-columns:repeat(2,1fr)}.ss-header{align-items:flex-end}.ss-source-actions>*{flex:1 1 130px}.ss-stage{aspect-ratio:3/4}.ss-result canvas{aspect-ratio:4/3}}
.ss-view-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.ss-view-actions .ss-secondary{width:100%;min-height:40px;padding:0 10px;font-size:12px}.ss-view-save:not(:disabled){background:#193650;border-color:#2b5773}.ss-view-record:not(:disabled){background:#193650;border-color:#2b5773;box-shadow:inset 0 0 0 1px rgba(98,224,207,.18)}.ss-result-wide{grid-column:1/-1}.ss-result-wide canvas{max-height:620px;object-fit:contain}@media(max-width:680px){.ss-result-wide{grid-column:auto}.ss-view-actions{grid-template-columns:1fr 1fr}}

.ss-anaglyph-depth{display:block;margin-top:10px;padding:10px 11px;background:#0d1829;border:1px solid #203653;border-radius:12px;color:var(--ss-muted);font-size:12px;font-weight:750}.ss-anaglyph-depth span{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.ss-anaglyph-depth b{color:#fff}.ss-anaglyph-depth input{width:100%;accent-color:var(--ss-accent)}