@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#e9e7df;font-synthesis:none;background:#0d0f13;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,.button-label,input,select,textarea{font:inherit}button,.button-label{color:#efeee9;cursor:pointer;background:#1c1f26;border:1px solid #343842;border-radius:9px;padding:9px 13px;transition:all .15s}button:hover,.button-label:hover{background:#252932;border-color:#686e7d}.primary{color:#17130b;background:#e4b85b;border-color:#e4b85b;font-weight:700}.primary:hover{background:#f2cb79;border-color:#f2cb79}.app-shell{min-height:100vh}.topbar{background:#111318;border-bottom:1px solid #282b32;justify-content:space-between;align-items:center;height:82px;padding:0 28px;display:flex}.topbar h1{margin:1px 0;font-family:Instrument Serif,serif;font-size:30px;font-weight:400}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#9297a4;font-size:10px;font-weight:700}.top-actions{align-items:center;gap:8px;display:flex}.save-state{color:#858a96;margin-right:8px;font-size:12px}.more-menu{position:relative}.more-menu summary{color:#efeee9;cursor:pointer;background:#1c1f26;border:1px solid #343842;border-radius:9px;padding:9px 13px;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-menu[open] summary,.more-menu summary:hover{background:#252932;border-color:#686e7d}.more-menu-popover{z-index:40;background:#171a20;border:1px solid #3a3e47;border-radius:11px;width:250px;padding:7px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #000b}.more-menu-popover button{text-align:left;background:0 0;border:0;gap:2px;display:grid}.more-menu-popover button:hover{background:#252932}.more-menu-popover strong{font-size:12px}.more-menu-popover span{color:#858a96;font-size:10px}.workspace{grid-template-columns:minmax(390px,44%) 1fr;min-height:calc(100vh - 82px);display:grid}.editor-panel{background:#13151a;border-right:1px solid #282b32;max-height:calc(100vh - 82px);padding:24px;overflow:auto}.preview-panel{background:radial-gradient(circle at 70% 10%,#292116 0,#0000 30%),#0d0f13;max-height:calc(100vh - 82px);padding:28px;overflow:auto}.field{gap:7px;margin-bottom:15px;display:grid}.field span{color:#aaaeb8;font-size:12px;font-weight:600}.field input:not([type=color]),.field select,.block-fields input,.modal textarea{color:#eeece6;background:#0e1014;border:1px solid #30343d;border-radius:8px;outline:none;width:100%;padding:10px 11px}.field input:focus,.field select:focus,.block-fields input:focus,.modal textarea:focus{border-color:#d3a84f;box-shadow:0 0 0 3px #d3a84f20}.field input[type=color]{background:#0e1014;border:1px solid #30343d;border-radius:8px;width:100%;height:38px;padding:4px}.compact-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.range-field span{justify-content:space-between;display:flex}.range-field b{color:#e4b85b}.section-title,.preview-heading{justify-content:space-between;align-items:end;margin:24px 0 12px;display:flex}.section-title h2,.preview-heading h2{margin:0;font-family:Instrument Serif,serif;font-size:23px;font-weight:400}.section-title span{color:#777c87;font-size:11px}.block-list{gap:7px;display:grid}.block-editor{background:#181b21;border:1px solid #292d35;border-radius:10px;grid-template-columns:58px 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.block-type{letter-spacing:.1em;text-transform:uppercase;color:#858b99;font-size:9px}.block-fields{grid-template-columns:1fr 1.25fr;gap:6px;min-width:0;display:grid}.block-fields input{padding:8px;font-size:12px}.block-fields input:only-child{grid-column:1/-1}.block-logo{object-fit:contain;max-width:80px;height:32px}.block-actions{display:flex}.block-actions button{color:#7e8491;background:0 0;border:0;padding:4px}.block-actions button:hover{color:#fff}.add-actions{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.add-actions button,.add-actions .button-label{font-size:12px}.preview-heading{margin:0 0 15px}.preview-heading h2{margin-top:3px;font-size:27px}.player-shell{background:#16191f;border:1px solid #34373e;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0007}.player-viewport{height:min(67vh,680px);position:relative;overflow:hidden}.credits-track{will-change:transform;position:absolute;left:0;right:0}.credits-content{text-align:center;margin:0 auto}.credits-content h2{letter-spacing:.18em;margin:1.7em 0 .9em;font-size:1.15em}.centered-credit{line-height:1.5}.credit-row{gap:1.5em;line-height:1.55;display:grid}.credit-role{text-align:right;opacity:.72}.credit-name{text-align:left;font-weight:700}.logo-credit img{max-width:80%;max-height:22vh;margin:1em auto;display:block}.transport{align-items:center;gap:7px;height:54px;padding:8px 12px;display:flex}.transport button{padding:7px 11px;font-size:12px}.transport input{accent-color:#e4b85b;flex:1}.transport span{font-variant-numeric:tabular-nums;color:#999eaa;font-size:11px}.big-play{color:#17130b;background:#e4b85bdf;border:0;border-radius:50%;width:62px;height:62px;padding-left:15px;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-expanded{z-index:50;border:0;border-radius:0;position:fixed;inset:0}.player-expanded .player-viewport{height:calc(100vh - 54px)}.modal-backdrop{z-index:60;background:#050609d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#171a20;border:1px solid #383c45;border-radius:16px;width:min(620px,100%);padding:26px;box-shadow:0 30px 90px #000}.modal h2{margin:4px 0;font-family:Instrument Serif,serif;font-size:30px;font-weight:400}.modal p{color:#9a9fac;font-size:13px;line-height:1.5}.modal textarea{resize:vertical;height:250px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.preview-actions{gap:8px;display:flex}.attribution{color:#767b87;background:#0a0c0f;border-top:1px solid #252830;justify-content:center;gap:12px;padding:14px;font-size:10px;display:flex}.attribution a{color:#a8acb5}.modal-actions{align-items:center}.modal-header{justify-content:space-between;align-items:flex-start;display:flex}.modal-header>button{background:0 0;border:0;padding:0 5px;font-size:24px}.movie-modal{width:min(760px,100%);max-height:92vh;overflow:auto}.local-note{float:right;color:#6fbe95;font-weight:500}.movie-search{grid-template-columns:1fr auto;gap:8px;display:grid}.movie-search input{color:#eeece6;background:#0e1014;border:1px solid #30343d;border-radius:8px;outline:none;padding:11px}.movie-results{grid-template-columns:repeat(3,1fr);gap:8px;max-height:340px;margin:14px 0;display:grid;overflow:auto}.movie-result{text-align:left;background:#111318;border-color:#2b2f37;grid-template-columns:48px 1fr;align-items:center;gap:10px;min-width:0;padding:7px;display:grid}.movie-result:hover,.movie-result.selected{background:#252318;border-color:#e4b85b}.movie-result img,.poster-placeholder{object-fit:cover;background:#252932;border-radius:5px;width:48px;height:70px}.poster-placeholder{text-align:center;color:#777d89;place-items:center;font-size:9px;display:grid}.movie-result span:last-child{min-width:0}.movie-result strong,.movie-result small{text-overflow:ellipsis;display:block;overflow:hidden}.movie-result strong{white-space:nowrap;font-size:12px}.movie-result small{color:#898e9a;margin-top:5px;font-size:10px;line-height:1.35}.import-options{background:#111318;border:1px solid #30343d;border-radius:10px;grid-template-columns:1fr 1fr;gap:18px;padding:15px;display:grid}.import-options>div{gap:8px;display:grid}.import-options strong{color:#e4b85b;font-size:12px}.import-options label{color:#b0b4bd;font-size:12px}.import-options input{accent-color:#e4b85b;margin-right:7px}.error-message{color:#ffdce1;background:#5b222b;border-radius:8px;margin-top:10px;padding:9px 11px;font-size:12px}.empty-message{text-align:center;grid-column:1/-1}.tmdb-notice{color:#747985;margin-right:auto;font-size:10px}.quiet-button{color:#9da2ac;background:0 0;border:0;padding:2px 5px;font-size:11px}.audio-card{background:#181b21;border:1px solid #2d3139;border-radius:10px;padding:12px}.audio-card .field:last-child{margin-bottom:0}.audio-row{align-items:center;gap:10px;display:flex}.audio-row .button-label{font-size:12px}.audio-row span{text-overflow:ellipsis;white-space:nowrap;color:#898e99;font-size:11px;overflow:hidden}.audio-volume{margin:13px 0 0}.logo-modal{width:min(720px,100%)}.library-toolbar{align-items:center;gap:12px;margin:15px 0;display:flex}.library-toolbar span{color:#858a95;font-size:11px}.logo-grid{grid-template-columns:repeat(4,1fr);gap:9px;min-height:180px;max-height:52vh;display:grid;overflow:auto}.library-logo{text-align:center;background:#101216;gap:7px;min-width:0;padding:9px;display:grid;position:relative}.library-logo>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.logo-image{background:repeating-conic-gradient(#20232a 0 25%,#181b20 0 50%) 50%/14px 14px;border-radius:6px;place-items:center;height:90px;display:grid}.logo-image img{max-width:90%;max-height:76px}.library-logo i{color:#ddd;background:#0b0c0fe6;border-radius:50%;width:22px;height:22px;font-style:normal;line-height:21px;display:none;position:absolute;top:5px;right:5px}.library-logo:hover i{display:block}.empty-library{text-align:center;color:#858a96;grid-column:1/-1;place-content:center;gap:5px;display:grid}.empty-library strong{color:#c3c5cb}.empty-library span{font-size:11px}.local-library-heading{border-top:1px solid #30343d;justify-content:space-between;align-items:end;gap:15px;margin:24px 0 10px;padding-top:18px;display:flex}.local-library-heading h3{margin:3px 0 0;font-size:16px}.local-library-heading>span{color:#858a95;font-size:11px}.local-logo-grid{min-height:0;max-height:30vh}.library-logo b{color:#e4b85b;font-size:9px;font-weight:600}.library-logo:disabled{opacity:.65;cursor:wait}.cloud-modal{width:min(680px,100%)}.cloud-toolbar{gap:8px;margin:15px 0;display:flex}.cloud-list{gap:7px;min-height:180px;max-height:50vh;display:grid;overflow:auto}.cloud-project{background:#111318;border:1px solid #2e323a;border-radius:9px;grid-template-columns:1fr auto;display:grid}.cloud-project.active{background:#1c1b17;border-color:#8b733d}.cloud-open{text-align:left;background:0 0;border:0;gap:4px;padding:12px;display:grid}.cloud-open:hover{background:#ffffff08}.cloud-open strong{font-size:13px}.cloud-open span{color:#858a96;font-size:10px}.cloud-delete{color:#747a86;background:0 0;border:0;align-self:center;font-size:18px}.cloud-delete:hover{color:#ff9ca8;background:0 0}.cloud-loading{color:#858a96;place-content:center;font-size:12px;display:grid}.cloud-current{color:#7d838f;margin-right:auto;font-size:10px}@media (width<=900px){.topbar{align-items:flex-start;height:auto;padding:16px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.save-state{text-align:right;width:100%}.workspace{grid-template-columns:1fr}.editor-panel,.preview-panel{border-right:0;max-height:none}.player-viewport{height:56vw;min-height:360px}.compact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.topbar{display:block}.top-actions{justify-content:flex-start;margin-top:12px}.save-state{text-align:left;width:auto}.workspace{flex-direction:column-reverse;display:flex}.editor-panel,.preview-panel{padding:16px}.player-viewport{height:60vh}.export-card{flex-direction:column;align-items:flex-start}.block-editor{grid-template-columns:48px 1fr}.block-actions{grid-column:2}.block-fields{grid-template-columns:1fr}.credit-row{gap:.7em}.credits-content{font-size:20px!important}.preview-heading{align-items:flex-start;gap:10px}.preview-actions{flex-direction:column}.movie-results{grid-template-columns:1fr 1fr}.import-options{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.tmdb-notice{width:100%}.logo-grid{grid-template-columns:repeat(2,1fr)}}