:root{color:#182623;background:#f4f6f3;font-family:system-ui,sans-serif}body{margin:0}main{max-width:48rem;margin:12vh auto;padding:1.5rem}section{background:#fff;border-radius:1rem;padding:clamp(1.5rem,5vw,3rem)}h1{font-size:clamp(1.8rem,5vw,3rem)}p{line-height:1.7}button{font:inherit;cursor:pointer;padding:.7rem 1rem}:focus-visible{outline-offset:4px;outline:3px solid #08785c}.file-picker{grid-template-columns:minmax(0,1fr);gap:.6rem;margin-block:1.5rem;display:grid}.file-picker input{max-width:100%;font:inherit}.preview-stage{background:#15201e;position:relative;overflow:hidden}.preview-stage video{object-fit:contain;width:100%;height:100%}.preview-cover{color:#e1e9e5;place-items:center;display:grid;position:absolute;inset:0}.preview-hotspot{color:#fff;background:#163d32;border:2px dashed #c0f4d3;width:50%;height:50%;position:absolute;top:25%;left:25%}.preview-feedback{color:#fff;background:#15201ee6;margin:0;padding:.6rem;position:absolute;bottom:0}.preview-empty{color:#e1e9e5;background:#15201e;place-items:center;min-height:12rem;padding:1rem;display:grid}.preview-controls{flex-wrap:wrap;gap:.75rem;display:flex}.preview-overlays{pointer-events:none;position:absolute;inset:0}.preview-image{object-fit:contain;max-width:100%;max-height:100%}.preview-config{box-sizing:border-box;resize:vertical;width:100%;padding:.75rem;font:.85rem/1.5 monospace}.configured-player{margin-top:2rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:0;list-style:none;display:grid}.catalog-grid li{overflow-wrap:anywhere;min-width:0}.catalog-cover{aspect-ratio:16/9;object-fit:cover;background:#e5ebe6;place-items:center;width:100%;display:grid}fieldset{min-width:0;margin-block:1rem}