.video-studio{--nw-accent:#1e40af}.studio-intro{margin-bottom:1rem}.studio-intro>strong{font-size:1.2rem}.studio-intro p{margin-top:.45rem;color:#475569;line-height:1.7}.studio-upload{display:grid;gap:.35rem;place-items:center;position:relative;padding:1.25rem;border:2px dashed #64748b;border-radius:1rem;background:#f8fafc;text-align:center;cursor:pointer}.studio-upload>span{width:2.5rem;color:#1e40af}.studio-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.studio-upload small{font-size:.875rem;color:#475569;line-height:1.6}.studio-upload:focus-within,.studio-upload[data-drag=true]{outline:3px solid #2563eb;outline-offset:3px}.studio-source{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem 0;color:#334155;overflow-wrap:anywhere}.studio-source bdi{font-weight:700}.studio-toolbar,.studio-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:.8rem 0}.studio-toolbar>.nw-btn,.studio-actions>.nw-btn{flex:1 1 12rem}.studio-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;padding:.4rem;border:1px solid #cbd5e1;border-radius:1rem;background:#f1f5f9;margin:1rem 0}.studio-tabs button{min-height:3.2rem;border:0;border-radius:.65rem;background:transparent;color:#334155;font:inherit;font-weight:700;padding:.65rem .4rem}.studio-tabs [aria-selected=true]{background:#1e40af;color:#fff}.studio-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem;align-items:start}.video-studio .nw-panel{min-width:0;padding:1.15rem}.studio-stage{position:sticky;top:6rem}.studio-video{background:#020617;border:1px solid #334155;border-radius:.8rem;overflow:hidden;min-height:13rem;display:grid;place-items:center;position:relative}.studio-video p{padding:2rem;color:#e2e8f0;text-align:center;line-height:1.7}.studio-video video,.studio-video canvas{display:block;width:100%;height:auto;max-height:34rem;object-fit:contain}.studio-scrub{display:grid;grid-template-columns:1fr;gap:.55rem;margin:1rem 0}.studio-scrub input,.video-studio input[type=range]{width:100%;accent-color:#1e40af}.studio-scrub output{text-align:end;font-variant-numeric:tabular-nums;color:#334155}.studio-play-actions{display:flex;flex-wrap:wrap;gap:.4rem}.studio-play-actions>.nw-btn{flex:1 1 5rem;padding:.5rem}.video-studio .nw-btn{background:#1e40af;color:#fff;border:1px solid #1e40af;box-shadow:none;font:inherit;min-height:2.75rem}.video-studio .nw-btn-secondary{background:#fff;color:#1e40af}.video-studio .nw-btn:disabled{opacity:1;background:#e2e8f0;color:#475569;border-color:#cbd5e1;cursor:not-allowed}.video-studio :is(input,select,button){max-width:100%}.video-studio :is(input,select,button):focus-visible{outline:3px solid #2563eb;outline-offset:3px}.video-studio .nw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-studio h2{font-size:1.15rem;font-weight:700;margin:0 0 .6rem;color:#0f172a}.video-studio .nw-hint{color:#475569;font-size:.875rem;line-height:1.7}.studio-checks{display:grid;gap:.8rem}.studio-checks label,.studio-checkbox{display:flex;align-items:flex-start;gap:.65rem;color:#334155}.studio-checks input,.studio-checkbox input{width:1.15rem;height:1.15rem;flex-shrink:0;margin-top:.2rem;accent-color:#1e40af}.studio-timer{display:block;padding:1rem;border-radius:.75rem;background:#0f172a;color:#f8fafc;text-align:center;font-size:1.8rem;font-variant-numeric:tabular-nums;direction:ltr}.studio-speeds{display:flex;gap:.4rem;flex-wrap:wrap}.studio-speeds button{flex:1 1 4.5rem}.studio-speeds [aria-pressed=true]{background:#1e40af;color:#fff}.studio-information{display:grid;gap:.6rem}.studio-information>div{padding:.65rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.65rem}.studio-information dt{font-size:.85rem;color:#475569}.studio-information dd{margin:.25rem 0 0;font-weight:700;overflow-wrap:anywhere;color:#0f172a}.studio-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;padding:1rem;background:#eff6ff;border:1px solid #93c5fd;border-radius:.75rem;color:#1e3a8a}.studio-progress progress{grid-column:1/-1;width:100%;accent-color:#1e40af}.studio-status{color:#334155;line-height:1.6;padding:.75rem 0;min-height:1.5rem}.studio-status[data-error=true]{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:.75rem;padding:.75rem}.studio-collection{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #cbd5e1}.studio-gallery,.studio-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:.8rem}.studio-results{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-result{display:grid;gap:.65rem;padding:.8rem;border:1px solid #cbd5e1;border-radius:1rem;background:#f8fafc;min-width:0}.studio-result :is(img,video){width:100%;max-height:18rem;object-fit:contain;background:#020617;border-radius:.5rem}.studio-result :is(p,strong,bdi,small){overflow-wrap:anywhere;margin:0;color:#334155}.studio-result small{font-size:.85rem;color:#475569}.studio-result .studio-actions{margin:0}.video-studio [hidden]{display:none!important}
@media(max-width:950px){.studio-grid{grid-template-columns:1fr}.studio-stage{position:static}.studio-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.studio-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.video-studio .nw-grid,.studio-gallery,.studio-results{grid-template-columns:1fr}.video-studio .nw-panel{padding:.85rem}.studio-play-actions>.nw-btn{flex-basis:4rem}.studio-tabs button{font-size:.875rem}}
html[data-theme=dark] .studio-intro p,html[data-theme=dark] .video-studio .nw-hint,html[data-theme=dark] .studio-upload small,html[data-theme=dark] .studio-information dt,html[data-theme=dark] .studio-result small{color:#cbd5e1}html[data-theme=dark] .studio-upload,html[data-theme=dark] .studio-tabs,html[data-theme=dark] .studio-information>div,html[data-theme=dark] .studio-result{background:#0b1424;border-color:#475569}html[data-theme=dark] .studio-upload>span{color:#93c5fd}html[data-theme=dark] .studio-tabs button,html[data-theme=dark] .studio-source,html[data-theme=dark] .studio-scrub output,html[data-theme=dark] .studio-checks label,html[data-theme=dark] .studio-checkbox,html[data-theme=dark] .studio-status,html[data-theme=dark] .studio-result :is(p,strong,bdi){color:#e2e8f0}html[data-theme=dark] .video-studio h2,html[data-theme=dark] .studio-information dd{color:#f8fafc}html[data-theme=dark] .video-studio .nw-btn-secondary{background:#0f172a;color:#bfdbfe;border-color:#60a5fa}html[data-theme=dark] .studio-tabs [aria-selected=true],html[data-theme=dark] .studio-speeds [aria-pressed=true]{background:#1e40af;color:#fff}html[data-theme=dark] .studio-progress{background:#172554;color:#bfdbfe;border-color:#3b82f6}html[data-theme=dark] .studio-status[data-error=true]{color:#fecaca;background:#450a0a;border-color:#7f1d1d}

.video-studio .studio-upload>span{display:block;width:2.5rem;height:2.5rem}.video-studio .studio-upload>span svg{display:block;width:100%;height:100%}
.studio-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.studio-crop-overlay{position:absolute;direction:ltr;overflow:hidden;touch-action:none;pointer-events:none}.studio-crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 9999px #02061799;cursor:move;pointer-events:auto;touch-action:none;background:linear-gradient(to right,transparent 33%,#ffffff66 33%,#ffffff66 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#ffffff66 66%,#ffffff66 calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(to bottom,transparent 33%,#ffffff66 33%,#ffffff66 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#ffffff66 66%,#ffffff66 calc(66% + 1px),transparent calc(66% + 1px))}.studio-crop-box:focus-visible{outline:3px solid #38bdf8;outline-offset:-5px}.video-studio .studio-crop-handle{position:absolute;width:24px;height:24px;min-height:24px;padding:0;border:2px solid #fff;border-radius:4px;background:#1e40af;touch-action:none;z-index:1}.studio-crop-handle[data-corner=nw]{left:-2px;top:-2px;cursor:nwse-resize}.studio-crop-handle[data-corner=ne]{right:-2px;top:-2px;cursor:nesw-resize}.studio-crop-handle[data-corner=sw]{left:-2px;bottom:-2px;cursor:nesw-resize}.studio-crop-handle[data-corner=se]{right:-2px;bottom:-2px;cursor:nwse-resize}.studio-crop-overlay[data-disabled=true] .studio-crop-box{pointer-events:none}.studio-crop-preview{display:block;width:auto;max-width:100%;max-height:270px;margin:auto;background:#020617;border:1px solid #64748b;border-radius:.6rem}.video-studio #panel-cropper input[aria-invalid=true]{border-color:#b91c1c}.video-studio #crop-dimensions{display:block;direction:ltr;font-variant-numeric:tabular-nums}@media(max-width:950px){.studio-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.studio-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}