.editor-page{background:var(--booth);min-height:100dvh;color:var(--monitor);font-family:var(--font-body);flex-direction:column;display:flex}.editor-page__header{align-items:center;gap:.75rem;padding:.75rem .9rem 0;display:flex}.editor-page__cover{object-fit:cover;background:var(--console);border-radius:8px;flex:none;width:48px;height:48px}.editor-page__cover--empty{color:color-mix(in srgb, var(--monitor) 30%, transparent);justify-content:center;align-items:center;display:flex}.editor-page__meta{flex-direction:column;min-width:0;display:flex}.editor-page__title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.editor-page__artist{color:var(--amber);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.editor-page__stage{flex-direction:column;flex:1;gap:.6rem;min-height:0;padding:.75rem .9rem 0;display:flex}.overview-strip{background:var(--console);opacity:.85;border-radius:8px;width:100%;display:block}.zoom-waveform{background:var(--console);touch-action:none;border-radius:12px;flex:1;width:100%;min-height:150px;display:block}.editor-page--loading{font-family:var(--font-mono);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.editor-page__ingest-track{flex-direction:column;align-items:center;gap:.5rem;display:flex}.editor-page__ingest-title{max-width:70vw;font-family:var(--font-body);color:var(--monitor);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.editor-page--error{flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.editor-page__error-panel{background:var(--console);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;max-width:22rem;padding:2rem 1.5rem;display:flex}.editor-page__error-title{font-family:var(--font-body);color:var(--monitor);margin:0;font-size:.95rem;font-weight:600}.editor-page__error-message{font-family:var(--font-body);color:var(--rec);margin:0;font-size:.9rem}.editor-page__error-detail{font-family:var(--font-mono);color:var(--monitor);opacity:.6;margin:0;font-size:.8rem}.editor-page .editor-page__error-retry{background:var(--amber);min-height:44px;color:var(--booth);border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:600}.editor-page__timecodes{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.35rem .25rem 0;display:flex}.timecode{flex-direction:column;gap:.15rem;display:flex}.timecode--clip{text-align:right;align-items:flex-end}.timecode__label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;opacity:.55;font-size:.6875rem}.timecode__value{font-size:3rem;font-weight:500;line-height:1.1}.editor-page__thumb-zone{padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));background:var(--console);border-top:1px solid color-mix(in srgb, var(--monitor) 8%, transparent);flex-direction:column;gap:.6rem;margin-top:auto;display:flex;position:sticky;bottom:0}.transport-bar,.length-selector{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.nudge-row{flex-direction:column;gap:.5rem;display:flex}.nudge-row__group{justify-content:center;gap:.5rem;display:flex}.editor-page .nudge-row__button{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.editor-page .nudge-row__button--amber{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 55%, transparent)}.editor-page .nudge-row__button--white{color:var(--monitor);border-color:color-mix(in srgb, var(--monitor) 45%, transparent)}.editor-page button{background:color-mix(in srgb, var(--monitor) 7%, var(--console));border:1px solid color-mix(in srgb, var(--monitor) 12%, transparent);min-height:48px;color:var(--monitor);font-family:var(--font-body);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--monitor) 9%, transparent), 0 1px 2px #00000073;cursor:pointer;border-radius:12px;padding:.7rem 1rem;font-size:.95rem;transition:transform 60ms,box-shadow 60ms,background .12s}.editor-page button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000080}.editor-page button:focus-visible,.editor-page canvas:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.transport-bar__loop[data-active=true]{color:var(--amber);border-color:var(--amber);box-shadow:0 0 14px color-mix(in srgb, var(--amber) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--monitor) 9%, transparent);animation:1.6s ease-in-out infinite loop-pulse}.editor-page .editor-page__export-cta{background:var(--amber);color:var(--booth);border-color:var(--amber);min-height:52px;box-shadow:0 2px 12px color-mix(in srgb, var(--amber) 35%, transparent);font-weight:700}@media (prefers-reduced-motion:reduce){.transport-bar__loop[data-active=true]{animation:none}}@keyframes loop-pulse{0%,to{opacity:1}50%{opacity:.6}}.length-selector__option{font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:3rem;font-size:.95rem}.length-selector__option[data-selected=true]{background:var(--amber);color:var(--booth);border-color:var(--amber);box-shadow:0 0 12px color-mix(in srgb, var(--amber) 35%, transparent);font-weight:700}.editor-page__ingest{flex-direction:column;align-items:center;gap:.75rem;width:min(78vw,340px);display:flex}.editor-page__ingest-label{font-family:var(--font-body);opacity:.9;font-size:.95rem}.editor-page__ingest-pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--amber);font-size:.85rem}
