.editor-page{background:var(--booth);width:min(100%,64rem);min-height:100dvh;color:var(--monitor);font-family:var(--font-body);flex-direction:column;margin-inline:auto;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{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.editor-page__artist{color:var(--amber);opacity:.85;text-overflow:ellipsis;white-space:nowrap;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{border:1px solid color-mix(in srgb, var(--monitor) 14%, transparent);background:var(--console);cursor:crosshair;opacity:.9;border-radius:8px;width:100%;display:block}.zoom-waveform-shell{border:1px solid color-mix(in srgb, var(--monitor) 10%, transparent);background:var(--console);border-radius:12px;flex:1;min-height:190px;position:relative;overflow:hidden}.zoom-waveform{cursor:crosshair;touch-action:none;width:100%;height:100%;min-height:190px;display:block}.zoom-waveform__time{z-index:2;border:1px solid color-mix(in srgb, var(--monitor) 70%, transparent);background:color-mix(in srgb, var(--console) 92%, transparent);color:var(--monitor);font-family:var(--font-mono);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:8px;padding:.35rem .55rem;font-size:.85rem;line-height:1;position:absolute;top:.65rem;transform:translate(-50%)}.zoom-waveform__hint{z-index:2;background:color-mix(in srgb, var(--booth) 78%, transparent);width:max-content;max-width:calc(100% - 2rem);color:color-mix(in srgb, var(--monitor) 72%, transparent);font-family:var(--font-mono);letter-spacing:.02em;pointer-events:none;border-radius:999px;padding:.25rem .5rem;font-size:.68rem;position:absolute;bottom:.55rem;left:50%;transform:translate(-50%)}.editor-page__timecodes{border-bottom:1px solid color-mix(in srgb, var(--monitor) 8%, transparent);grid-template-columns:1fr 1fr;align-items:start;gap:1rem;padding:.3rem .25rem .55rem;display:grid}.timecode{flex-direction:column;gap:.1rem;display:flex}.timecode--clip{text-align:right;align-items:flex-end}.timecode__label{font-family:var(--font-body);letter-spacing:.08em;opacity:.55;text-transform:uppercase;font-size:.65rem}.timecode__value{font-size:clamp(1.7rem,8vw,2.35rem);font-weight:500;line-height:1.05}.editor-page__thumb-zone{padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, var(--monitor) 8%, transparent);background:color-mix(in srgb, var(--console) 97%, var(--booth));flex-direction:column;gap:.55rem;margin-top:auto;display:flex;position:sticky;bottom:0}.editor-page button{border:1px solid color-mix(in srgb, var(--monitor) 12%, transparent);background:color-mix(in srgb, var(--monitor) 6%, var(--console));min-height:46px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--monitor) 7%, transparent);color:var(--monitor);cursor:pointer;font-family:var(--font-body);border-radius:12px;padding:.65rem .85rem;font-size:.9rem;transition:transform 60ms,border-color .12s,background .12s}.editor-page button:active{transform:translateY(1px)}.editor-page button:focus-visible,.editor-page canvas:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.transport-bar{flex-direction:column;gap:.55rem;display:flex}.transport-bar__main{grid-template-columns:56px 72px 56px;justify-content:center;align-items:center;gap:1.15rem;display:grid}.editor-page .transport-bar__skip{border-radius:50%;place-items:center;width:56px;height:56px;min-height:56px;padding:0;display:grid;position:relative}.transport-bar__skip svg{position:absolute}.transport-bar__skip span{font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding-top:.15rem;font-size:.72rem;font-weight:600}.editor-page .transport-bar__play{border-color:var(--monitor);background:var(--monitor);width:72px;height:72px;min-height:72px;color:var(--booth);border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 3px 14px #00000059}.transport-bar__actions{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:.55rem;display:grid}.editor-page .transport-bar__pin,.editor-page .transport-bar__loop{justify-content:center;align-items:center;gap:.55rem;min-width:0;display:flex}.editor-page .transport-bar__pin{border-color:color-mix(in srgb, var(--amber) 75%, transparent);color:var(--amber);font-weight:600}.transport-bar__loop[data-active=true]{border-color:var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--console));color:var(--amber)}.length-selector{grid-template-columns:minmax(4.8rem,auto) 1fr;align-items:center;gap:.55rem;display:grid}.length-selector__label{letter-spacing:.08em;opacity:.65;text-transform:uppercase;font-size:.65rem}.length-selector__options{grid-template-columns:repeat(3,1fr);display:grid}.editor-page .length-selector__option{min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:0;font-size:.85rem}.editor-page .length-selector__option:first-child{border-radius:10px 0 0 10px}.editor-page .length-selector__option:last-child{border-radius:0 10px 10px 0}.editor-page .length-selector__option+.length-selector__option{margin-left:-1px}.editor-page .length-selector__option[data-selected=true]{z-index:1;border-color:var(--amber);background:var(--amber);color:var(--booth);font-weight:700}.editor-page .editor-page__export-cta{border-color:var(--amber);background:var(--amber);min-height:50px;box-shadow:0 2px 12px color-mix(in srgb, var(--amber) 28%, transparent);color:var(--booth);font-weight:700}.editor-page--loading{font-family:var(--font-mono);text-align:center;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:1.5rem}.editor-page__ingest-track{flex-direction:column;align-items:center;gap:.5rem;display:flex}.editor-page__ingest-title{max-width:70vw;color:var(--monitor);opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.editor-page--error{flex:1;justify-content:center;align-items:center;padding:1.5rem}.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,.editor-page__error-message,.editor-page__error-detail{margin:0}.editor-page__error-title{color:var(--monitor);font-size:.95rem;font-weight:600}.editor-page__error-message{color:var(--rec);font-size:.9rem}.editor-page__error-detail{color:var(--monitor);font-family:var(--font-mono);opacity:.6;font-size:.8rem}.editor-page .editor-page__error-retry{border-color:var(--amber);background:var(--amber);min-height:44px;color:var(--booth);font-weight:600}.editor-page__ingest{flex-direction:column;align-items:center;gap:.75rem;width:min(78vw,340px);display:flex}.editor-page__ingest-label{opacity:.9;font-size:.95rem}.editor-page__ingest-pct{color:var(--amber);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.85rem}@media (width<=480px){.editor-page__header{padding-inline:.75rem}.editor-page__stage{gap:.5rem;padding:.65rem .75rem 0}.editor-page__thumb-zone{padding-inline:.75rem}.transport-bar__main{gap:1rem}.transport-bar__actions{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}}@media (height<=720px){.editor-page__header{padding-top:.5rem}.editor-page__cover{width:40px;height:40px}.zoom-waveform-shell,.zoom-waveform{min-height:150px}.editor-page__thumb-zone,.transport-bar{gap:.4rem}.transport-bar__main{grid-template-columns:48px 62px 48px}.editor-page .transport-bar__skip{width:48px;height:48px;min-height:48px}.editor-page .transport-bar__play{width:62px;height:62px;min-height:62px}}@media (prefers-reduced-motion:reduce){.editor-page button{transition:none}}