:root{--navy:#06315b;--coral:#f2533f;--cream:#fbf8f4;--muted:#6a7b8b;--line:#e3dfd8;--ratio:1.777778;--fit:contain}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;background:var(--cream);color:var(--navy);font:15px/1.6 Arial,sans-serif}button,input,select{font:inherit;color:inherit}button,a{cursor:pointer}button{border:0;background:none}button:disabled{opacity:.55;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}[hidden]{display:none!important}.top{height:88px;max-width:1440px;margin:auto;padding:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font:700 31px Georgia,serif;text-decoration:none}.brand svg{color:var(--coral)}.brand>span{font:11px Arial,sans-serif;letter-spacing:.8px;border-left:1px solid #c6ced6;padding-left:15px;margin-left:7px}.public-pill{font-size:11px;border:1px solid #d8ded5;color:#607358;border-radius:30px;padding:7px 12px;white-space:nowrap}.public-pill i,.monitor-foot i{display:inline-block;background:#718568;border-radius:50%;width:6px;height:6px;margin-right:8px}main{max-width:1392px;margin:auto;padding:0 48px}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding:48px 0 42px}.eyebrow{font-size:10px;letter-spacing:2.6px;margin:0 0 19px}.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:12px}h1{font:400 clamp(43px,4.4vw,63px)/1.06 Georgia,serif;letter-spacing:-1.5px;margin:0 0 20px}h1 em{color:var(--coral);font-weight:400}.lead{color:#536c84;font-size:14px;letter-spacing:.3px;line-height:1.9;margin:0}.screen-picker{padding:27px;background:#eceae3;border-radius:8px}.screen-picker>label{font:24px Georgia,serif;margin-bottom:16px}.row{display:flex;gap:9px}.row select{min-width:0;flex:1}.row .button{white-space:nowrap}.status{font-size:11px;color:#6a7f60;margin:13px 0 0;overflow-wrap:anywhere}.status.error{color:#ac4738}.help{font-size:11px;color:var(--muted);line-height:1.8;margin:11px 0}.studio{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:34px;align-items:start}h2{font:400 26px/1.25 Georgia,serif;margin:0}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.pill{font-size:10px;border:1px solid #cbd3da;border-radius:20px;padding:6px 10px;white-space:nowrap}.monitor{background:var(--navy);border:8px solid var(--navy);border-radius:7px;overflow:hidden;box-shadow:0 4px 18px #06315b12}.stage{position:relative;aspect-ratio:var(--ratio);background:#10161b;overflow:hidden;width:min(100%,calc(560px * var(--ratio)));margin:auto}.stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.preview-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--fit);background:#10161b}.empty{height:100%;width:100%;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;color:#d8e1e7;background:radial-gradient(ellipse at 30% 15%,#274d6c,#101f30)}.empty>span{font-size:38px;color:#f7dfc8;line-height:1.4}.empty h3{font:28px Georgia,serif;font-weight:400;margin:14px 0 6px}.empty p{font-size:11px;color:#b0c0cd;max-width:270px}.monitor-foot{display:flex;justify-content:space-between;padding:11px 8px 3px;color:#e2e9ed;font-size:9px;letter-spacing:1.4px}.monitor-foot i{background:#acbc9f;width:5px;height:5px}.transport{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);padding:16px 0 26px}.transport>div{white-space:nowrap}.transport button{font-size:18px;padding:4px 9px;color:var(--navy)}.playlist-title{border-top:1px solid var(--line);padding-top:24px;margin-top:4px}.playlist-title h2{font-size:25px}.playlist-title h2 span{font:11px Arial,sans-serif;color:var(--muted);margin-left:6px}.pdf-name{font-size:10px;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.slide-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);background:#fffdfa;border-radius:5px;margin:10px 0}.slide-row.current{border-color:var(--coral)}.thumb{width:74px;height:47px;flex-shrink:0;display:grid;place-items:center;background:#e4e8ea;overflow:hidden;padding:0;border-radius:3px}.thumb img{width:100%;height:100%;object-fit:contain}.slide-title{flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere}.slide-title small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.slide-row>button{padding:5px;color:#718195;font-size:14px}.small-note{font-size:11px;color:var(--muted);margin:24px 0;line-height:1.8}.card{background:#fffdfa;border-radius:7px;padding:25px;margin-bottom:21px;box-shadow:0 3px 14px #1d29300b}.card.peach{background:#f7dfc8}.card-title{display:flex;gap:12px;align-items:center;margin-bottom:24px}.card-title h2{font-size:24px}.step{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--cream);color:var(--coral);font-size:11px}.dropzone{border:1px dashed #c2ae99;background:#fffaf4bb;border-radius:6px;min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:21px;text-align:center;cursor:pointer;margin:0 0 20px}.dropzone svg{color:#40617b;margin-bottom:7px}.dropzone strong{font-size:13px}.dropzone>span{font-size:11px;color:#748091;font-weight:400}.dropzone small{font-size:9px;color:#8e8b83;font-weight:400;margin-top:8px}.dropzone.dragover{border-color:var(--coral);background:#fff2e3}.file-input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dropzone:focus-within{outline:3px solid var(--coral)}input:not([type=range]):not([type=checkbox]):not([type=file]),select{min-width:0;width:100%;border:1px solid #d4d9da;background:#fffdfa;border-radius:5px;padding:12px;font-size:12px}output{float:right;background:#eeeae2;padding:2px 7px;font-size:11px;border-radius:4px}input[type=range]{width:100%;accent-color:var(--coral);margin:12px 0}.range-label{display:flex;justify-content:space-between;font-size:9px;color:#89949d}.gap-label{margin-top:24px}.effects{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.effects button{border:1px solid #e0e3e5;padding:12px 0;border-radius:5px;background:#fffdfa;font-size:10px;color:#718195}.effects button span{display:block;font-size:23px;margin-bottom:7px}.effects .selected{border-color:var(--coral);color:var(--navy);background:#fff1e5}.loop-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin:22px 0 0;padding-top:20px;font-weight:400}.loop-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.loop-row input{accent-color:#6d7d66;width:25px;height:18px}.dimensions{display:flex;align-items:end;gap:8px;margin:17px 0}.dimensions>div{flex:1;min-width:0}.dimensions label{font-size:10px}.dimensions>span{padding-bottom:10px;color:#819181}.dimensions button{background:#e4e9df;height:39px;border-radius:5px;font-size:19px;padding:0 10px}.link-card>h2{font-size:27px;margin-bottom:13px}.slug-row{display:flex;border:1px solid #d4d9da;border-radius:5px;overflow:hidden}.slug-row>span{background:#eeeae2;padding:11px 13px;font-size:12px;color:#718195}.slug-row input{border:0!important}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 17px;border:1px solid transparent;border-radius:5px;font-size:12px;text-decoration:none}.primary{background:var(--navy);color:white}.primary:hover{background:#16456c}.secondary{border-color:#c2ccd3;background:transparent}.secondary:hover{background:#e9eeef}.link-card #save{width:100%;justify-content:space-between;padding:15px 20px;margin:10px 0}.link-card #save>span{font-size:19px}#share{padding-top:18px;margin-top:10px;border-top:1px solid var(--line)}#screen-link{font-size:11px;overflow:hidden}.share-actions{display:flex;align-items:center;gap:16px;margin-top:13px;font-size:12px}.error{color:#a44738;font-size:12px}.conflict{background:#fff0df;border:1px solid #e7bb94;padding:22px;border-radius:6px;margin:0 0 25px;font-size:13px}.conflict p{color:#7a6550;font-size:12px}progress{accent-color:var(--navy);width:100%;height:8px;margin-top:14px}#progress-text{font-size:11px;color:#536c84;margin:4px 0}footer{display:flex;justify-content:space-between;gap:14px;margin-top:40px;border-top:1px solid var(--line);padding:25px 0 35px;font-size:10px;color:#718195}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:6px;background:var(--navy);color:white;font-size:12px;z-index:100;max-width:90vw}button:disabled,.dropzone.disabled{pointer-events:none;opacity:.5}
@media(max-width:980px){.top{padding:0 28px}main{padding:0 28px}.intro{gap:30px}.studio{gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr)}.card{padding:21px}.card-title h2{font-size:22px}}
@media(max-width:760px){.top{height:75px;padding:0 19px}.brand{font-size:27px}.brand>span{display:none}.public-pill{font-size:9px;padding:6px 9px}main{padding:0 19px}.intro{display:block;padding:31px 0}.eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:49px;margin-bottom:16px}.lead{font-size:12px}.screen-picker{margin-top:26px;padding:21px}.screen-picker>label{font-size:22px}.row .button{padding:11px;font-size:11px}.studio{display:block}.settings{margin-top:30px}.stage{width:min(100%,calc(430px * var(--ratio)))}.card{padding:22px}.transport{font-size:10px}.transport button{padding:4px 7px}.section-title h2{font-size:24px}.slide-row{gap:7px;padding:10px}.thumb{width:62px;height:42px}.slide-row>button{padding:4px}.playlist-title{flex-wrap:wrap}.pdf-name{max-width:100%}.slide-title{font-size:11px}.share-actions{gap:12px}footer{flex-direction:column;margin-top:20px}}

.intro{display:block;padding:28px 0}.screen-picker{margin-top:0}