@font-face{font-family:"IBM Plex Mono";src:url('/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Zen Old Mincho";src:url('/fonts/ZenOldMincho-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}

/* iOS zooms small form controls on focus, even when their labels are readable. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%}
input,select,textarea,input[type=file]{font-size:16px;min-width:0;max-width:100%}
.editor-layout>*,.editor-header>*{min-width:0}
.sheet .edit-meta{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
@media(max-width:620px){.sheet .edit-meta{grid-template-columns:minmax(0,1fr)}}

@font-face{font-family:"IBM Plex Mono";src:url('/fonts/IBMPlexMono-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Zen Old Mincho";src:url('/fonts/ZenOldMincho-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

/* Positions and weights mirror the 720×1280 ASS layout in server/media.mjs. */
.preview-frame{container-type:inline-size}
.film-overlay{--film-text:#fff;--film-accent:#fff0cf;--film-outline:#101820;position:absolute;inset:0;pointer-events:none;color:var(--film-text);font-family:"IBM Plex Mono",monospace;font-weight:700;}
.film-overlay[data-theme="dark"]{--film-text:#101820;--film-accent:#172330;--film-outline:#fffef8}
.film-overlay>*{text-shadow:-.3056cqw 0 var(--film-outline),.3056cqw 0 var(--film-outline),0 -.3056cqw var(--film-outline),0 .3056cqw var(--film-outline),-.2161cqw -.2161cqw var(--film-outline),.2161cqw -.2161cqw var(--film-outline),-.2161cqw .2161cqw var(--film-outline),.2161cqw .2161cqw var(--film-outline);position:absolute;margin:0;line-height:1.3}
.film-counter{top:5.9375%;left:7.2222%;font-size:3.8889cqw;letter-spacing:.2083cqw;color:#fff;--film-outline:#101820}
.film-date{top:63.75%;left:7.2222%;font-size:4.4444cqw;letter-spacing:.2083cqw}
.film-time{top:67.1875%;left:6.9444%;font-size:11.6667cqw;letter-spacing:.1667cqw;color:var(--film-accent);font-variant-numeric:tabular-nums}
.film-rule{top:76.0938%;left:7.2222%;width:7.7778%;height:.4167cqw;background:var(--film-accent)}
.film-comment{top:78.4375%;left:7.2222%;right:7.2222%;font-family:"Zen Old Mincho",serif;font-weight:700;font-size:6.6667cqw;letter-spacing:.1389cqw}
.film-comment span{display:block;line-height:1.375;white-space:pre}

/* Native media controls provide a direct playback gesture on iPhone. */
.track-row{flex-wrap:wrap}
.track-row .track-preview{display:block;flex:0 0 100%;width:100%;min-width:0;height:44px}
.track-row .track-playback-status{flex:0 0 100%}
.track-row .track-playback-status:empty{display:none}