:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:#ffffffd1;--surface-strong:#fffffff2;--stroke:#0f172a14;--text-soft:#475569;--brand:#ff7b3d;--brand-deep:#d65a1d;--accent:#0ea5a4;--shadow:0 20px 50px #0f172a14;background:radial-gradient(circle at top,#ffd27740,#0000 32%),linear-gradient(#fff8ee 0%,#f4fbff 58%,#fff 100%);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;padding:1.5rem}.app-header{background:var(--surface);border:1px solid var(--stroke);max-width:1200px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto 1.5rem;padding:1rem 1.25rem;display:flex}.app-header h1{margin:0;font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1}.app-nav{flex-wrap:wrap;gap:.65rem;display:inline-flex}.app-nav a{border:1px solid var(--stroke);color:var(--text-soft);background:#fffc;border-radius:999px;padding:.75rem 1rem;text-decoration:none}.app-nav a.active{color:#fff;background:#0f172a}.app-main{max-width:1380px;margin:0 auto}.app-version{color:#475569cc;text-align:right;max-width:1380px;margin:1rem auto 0;padding:0 .25rem;font-size:.72rem}.page-stack{gap:1.25rem;display:grid}.player-panel,.video-strip,.settings-panel,.status-panel,.player-layout{background:var(--surface);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.player-panel,.video-strip,.settings-panel,.status-panel{padding:1.5rem}.section-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2,.video-card h3,.settings-card h3{margin:0}.section-heading p,.settings-card p,.detail-list dt,.detail-list dd,.inline-link,.field span,.toggle-row span{color:var(--text-soft)}.video-card-poster{aspect-ratio:16/9;background-color:#fde8d8;background-position:50%;background-size:cover;border-radius:18px}.video-card-poster-fallback{background:linear-gradient(135deg,#60a5fa,#2563eb)}.player-panel{padding:1rem 1rem 1.25rem}.player-copy{justify-content:space-between;align-items:center;gap:1rem;padding-top:.9rem;display:flex}.player-copy h2,.player-copy p{margin:0}.control-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;margin-top:.95rem;display:grid}.control-button{color:#fff;background:#3d4d73;border:0;border-radius:24px;min-height:4.8rem;font-size:1.05rem;font-weight:700}.control-button-save{background:linear-gradient(135deg,#55b98b,#3e9d87)}.video-strip{grid-auto-columns:minmax(160px,220px);grid-auto-flow:column;gap:.85rem;display:grid;overflow-x:auto}.video-tile{border:1px solid var(--stroke);background:var(--surface-strong);text-align:left;border-radius:22px;gap:.6rem;padding:.75rem;display:grid;position:relative}.video-tile span{font-weight:600}.download-badge{z-index:1;color:#fff;background:#0f172ad1;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:700;position:absolute;top:.8rem;right:.8rem}.video-tile-active{outline:3px solid #ff7b3d80}.video-library-row{gap:.75rem;display:grid}.row-heading h3{margin:0}.empty-row{color:var(--text-soft);padding:.5rem 0}.player-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:1.25rem;padding:1.25rem;display:grid}.player-frame{background:#0f172a;border-radius:24px;overflow:hidden}.player-frame video{aspect-ratio:16/8.2;width:100%;display:block}.video-sidebar{padding:.5rem .25rem}.video-sidebar h2{margin:.25rem 0 .75rem}.detail-list{gap:.85rem;margin:1rem 0 0;display:grid}.detail-list div{background:var(--surface-strong);border:1px solid var(--stroke);border-radius:18px;padding:.9rem 1rem}.detail-list dt,.detail-list dd{margin:0}.detail-list dt{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.detail-list dd{color:#0f172a;margin-top:.25rem}.inline-link{font-weight:700;text-decoration:none}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.settings-card,.pin-card{background:var(--surface-strong);border:1px solid var(--stroke);border-radius:22px;padding:1rem}.settings-card-wide{grid-column:1/-1}.pin-card{max-width:480px}.field{gap:.4rem;margin-top:1rem;display:grid}.field input{background:#fff;border:1px solid #0f172a26;border-radius:14px;padding:.85rem .95rem}.field input[type=range]{padding:0}.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.primary-button,.secondary-button,.chip{border:0;border-radius:999px;padding:.8rem 1.1rem}.primary-button{background:var(--brand);color:#fff}.secondary-button{color:#0f172a;background:#0f172a14}.chip-grid{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.chip{color:#0f172a;background:#0f172a14}.chip-active{color:#fff;background:#0f172a}.toggle-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.toggle-row input{width:1.2rem;height:1.2rem}.error-text{color:var(--brand-deep)}.helper-text{color:var(--text-soft);margin:.5rem 0 0}.limits-stack{gap:.9rem;margin-top:1rem;display:grid}.limit-card{border:1px solid var(--stroke);background:#0f172a0a;border-radius:18px;padding:.9rem 1rem}.limit-card h4{margin:0}@media (width<=900px){.app-shell{padding:1rem}.app-header{flex-direction:column;align-items:stretch;padding:1.2rem}.control-row{grid-template-columns:repeat(2,minmax(0,1fr))}.app-version{text-align:center}}