:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090a08;--surface:#141510;--surface-raised:#1b1d16;--line:#303228;--text:#f4f4ec;--muted:#a3a49a;--accent:#d7ff4f;--danger:#ff8f7d}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 80% 10%, #d7ff4f14, transparent 28rem), var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,a{font:inherit}main{min-height:100vh;padding:64px 24px}.page-shell{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:center;gap:clamp(48px,8vw,120px);width:min(1180px,100%);min-height:calc(100vh - 128px);margin:0 auto;display:grid}.hero{min-width:0}.eyebrow,.section-label{color:var(--accent);letter-spacing:.18em;margin:0 0 24px;font-size:.76rem;font-weight:700}h1{letter-spacing:-.065em;max-width:720px;margin:0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.96}.intro{max-width:620px;color:var(--muted);margin:32px 0 48px;font-size:1.02rem;line-height:1.7}.flow{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.flow li{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:16px 0;display:flex}.flow span{color:var(--accent);font-family:monospace;font-size:.8rem}.source-panel{border:1px solid var(--line);background:#141510e0;border-radius:24px;padding:32px;box-shadow:0 28px 90px #00000052}.source-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.source-heading .section-label{margin-bottom:10px}h2{letter-spacing:-.04em;margin:0;font-size:1.5rem}.mode-switch{border:1px solid var(--line);border-radius:999px;padding:4px;display:flex}.mode-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px}.mode-switch button.active{background:var(--accent);color:#11130b}.source-panel form{gap:16px;display:grid}.field{color:var(--muted);gap:10px;font-size:.84rem;display:grid}.field input{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-height:52px;color:var(--text);border-radius:12px;outline:none;padding:0 16px}.file-field input{padding:14px 16px}.field input:focus{border-color:var(--accent)}.submit-button{background:var(--accent);color:#11130b;cursor:pointer;border:0;border-radius:12px;min-height:52px;font-weight:700}.submit-button:disabled{cursor:wait;opacity:.6}.message{margin:16px 0 0;font-size:.86rem}.error-message{color:var(--danger)}.source-result{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:20px;padding:16px;display:grid}.source-result-header{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.source-metadata{grid-column:1/-1;grid-template-columns:5.5rem 1fr;align-items:center;gap:.85rem;margin:.9rem 0;display:grid}.source-metadata img{aspect-ratio:16/9;object-fit:cover;border-radius:.4rem;width:100%}.source-metadata h3,.source-metadata p{margin:0}.source-metadata h3{font-size:.95rem;line-height:1.35}.source-metadata p{color:var(--muted);margin-top:.3rem;font-size:.8rem}.source-result span{color:var(--accent);font-size:.82rem;font-weight:700}.source-result strong{color:var(--muted);justify-self:end;font-size:.76rem}.source-result code{color:var(--muted);text-overflow:ellipsis;grid-column:1/-1;font-size:.76rem;overflow:hidden}.range-picker{border-top:1px solid var(--line);grid-column:1/-1;gap:16px;margin-top:12px;padding-top:20px;display:grid}.range-heading-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.range-heading-row h3,.range-heading-row p{margin:0}.range-heading-row h3{font-size:1rem}.range-heading-row p{color:var(--muted);margin-top:6px;font-size:.76rem;line-height:1.45}.range-heading-row strong{color:var(--accent);flex:none;font-family:monospace;font-size:.82rem}.range-slider{height:32px;position:relative}.range-slider-track,.range-slider-selection{border-radius:999px;height:4px;position:absolute;top:14px}.range-slider-track{background:var(--line);left:0;right:0}.range-slider-selection{right:calc(100% - var(--range-end));left:var(--range-start);background:var(--accent)}.range-slider input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:grab;pointer-events:auto;border:2px solid #11130b;border-radius:7px;width:18px;height:24px}.range-slider input[type=range]::-moz-range-thumb{background:var(--accent);cursor:grab;pointer-events:auto;border:2px solid #11130b;border-radius:7px;width:18px;height:24px}.range-time-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.range-time-fields label{color:var(--muted);gap:7px;font-size:.74rem;display:grid}.range-time-fields input{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:42px;color:var(--text);border-radius:10px;outline:none;padding:0 12px}.range-time-fields input:focus{border-color:var(--accent)}.range-help{color:var(--muted);margin:-6px 0 0;font-size:.76rem}.range-error{color:var(--danger)}.template-picker{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.template-picker legend{padding:0;font-size:.9rem;font-weight:700}.template-picker>p{color:var(--muted);margin:0 0 4px;font-size:.72rem}.template-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.template-card{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;gap:7px;padding:10px;display:grid}.template-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.template-card>strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.template-card>small{color:var(--muted);font-size:.66rem;line-height:1.35}.template-preview{aspect-ratio:9/12;background:linear-gradient(145deg,#2c3126,#0a0c08 72%);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.template-preview i{color:var(--accent);letter-spacing:.08em;font-size:.5rem;font-style:normal;position:absolute;top:9px;left:9px}.template-preview b{color:#fff;text-align:center;max-width:90%;padding:4px 6px;font-size:.66rem;line-height:1.35}.template-bold b{background:var(--accent);color:#11130b;text-transform:uppercase;font-size:.72rem}.template-minimal{align-items:flex-end;padding-bottom:12px}.template-minimal b{font-size:.58rem;font-weight:500}.rights-confirmation{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;display:flex}.rights-confirmation input{width:18px;height:18px;accent-color:var(--accent);margin:2px 0 0}.rights-confirmation span{gap:5px;display:grid}.rights-confirmation strong{font-size:.82rem}.rights-confirmation small{color:var(--muted);font-size:.72rem;line-height:1.5}.download-status{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:10px;padding:14px;display:grid}.download-status>div{justify-content:space-between;align-items:center;display:flex}.download-status progress{width:100%;accent-color:var(--accent)}.download-status p{margin:0;font-size:.78rem}.download-button{background:var(--accent);color:#11130b;border-radius:10px;place-items:center;min-height:44px;font-weight:700;text-decoration:none;display:grid}@media (max-width:860px){main{padding:40px 20px}.page-shell{grid-template-columns:1fr;min-height:auto}}@media (max-width:520px){.source-panel{border-radius:18px;padding:22px}.source-heading{display:grid}.mode-switch{justify-self:start}.range-heading-row{display:grid}.template-options{grid-template-columns:1fr}}