@font-face{font-family:'Instrument Serif';src:url('../assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('../assets/fonts/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-weight:400 600;font-display:swap}
@font-face{font-family:Inter;src:url('../assets/fonts/Inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#111;background:#fff;--ink:#111;--muted:#73737c;--line:#e2e8ef;--soft:#f4f7fb;--green:#e4f5e2;--accent:#1479f4;--blue-soft:#dbeaff;--pink:#fddde7;--mint:#e4f5e2;--yellow:#fff4ba}
:focus-visible{outline-color:#1479f4}
.site-header{position:sticky;top:12px;height:64px;width:calc(100% - 40px);max-width:1440px;margin:12px auto 18px;padding:12px 22px;border:1px solid #ffffffb3;border-radius:999px;background:#ffffffb3;backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 1px 0 #ffffffd9,0 8px 28px #1f293714;z-index:20}
.site-header .brand{gap:12px;font-size:25px;letter-spacing:-1px;color:#151515}.brand-logo{width:48px;height:38px;object-fit:contain}
.intro h1,.page-title h1,.process-copy h1,.export-copy h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-1.5px;line-height:1.02}
.intro h1 em,.page-title h1 em,.process-copy h1 em,.export-copy h1 em{color:var(--accent)}
.page h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.6px;line-height:1.08;font-size:clamp(30px,3vw,40px)}
.eyebrow,.flow .active i{color:#5b779a}.intro p,.page-title p,.process-copy>p,.export-copy>p{color:var(--muted)}
.card{border-color:var(--line);border-radius:28px;box-shadow:0 12px 32px #090a1905}.upload-card{background:linear-gradient(155deg,#eef5ff,#fff 65%)}
.dropzone{background:radial-gradient(circle at 50% 15%,#dbeaff88,transparent 70%),#fff;border-color:#bbd4f4;border-radius:22px}.dropzone:hover,.dropzone.dragover{background:#f0f6ff;border-color:#1479f4}.upload-symbol{border-color:#d7e7fb;color:#1479f4}.source-panel{background:#ffffffb3;border-color:#dfe8f3;border-radius:20px}.ready{color:#39794f}
.button.primary,.style-header .style-save{background:linear-gradient(#2c2c2f,#171719);color:#fff;border:1px solid #000;box-shadow:inset 0 1px 1px #ffffff4d,inset 0 -2px 3px #00000099,0 3px 0 #0a0a0b,0 6px 10px #0000001a;border-radius:13px}
.button.primary:hover,.style-header .style-save:hover{background:linear-gradient(#343438,#1c1c1f)}.button.secondary,.style-header button{background:linear-gradient(#fff,#f1f1f4);border-color:#ceced2;color:#28282b;border-radius:12px;box-shadow:inset 0 1px 1px #fff,0 2px 0 #d7d7dd}
.button:active{transform:translateY(2px)}.text-link{color:#48414f;border-color:#bcb2cc}.text-link:hover{color:var(--accent)}
.editor-card{background:linear-gradient(155deg,#eef5ff,#fff 45%)}.control-section{border-color:#e1e9f2}.controls-grid label,.field-heading span,.description{color:#696273}.controls-grid input:not([type=color]):not([type=range]),.controls-grid select{border-color:#dae4ef}
.controls-grid input[type=range],.motion-count-picker input,.music-controls input[type=range],.moment-row input[type=checkbox],.motion-switches input{accent-color:#1479f4}.preset-card.active{border-color:#1479f4;background:#eef5ff}
.motion-details{background:linear-gradient(155deg,#e4f5e2,#fff 65%)}.motion-editor{background:#ffffffb8;border-color:#d0e5d0;border-radius:20px}.motion-editor-head strong{color:#142c1b}.motion-image-row img{background:#eef5ee;border-color:#d3e4d3}.motion-editor-actions .apply-all{color:#235d35;border-color:#a9cbaa;background:#e4f5e2}
.music-details{background:linear-gradient(135deg,#fff4ba88,#fff 70%)}.moments-card{background:linear-gradient(135deg,#fddde780,#fff 60%)}.moment-row{background:#ffffffb3;border-color:#efdbe3;border-radius:16px}.moment-role{color:#87345a;background:#fce3ed}.moment-tools input,.moment-tools button{border-color:#e5d7e0;color:#403143}.moment-reason,.moment-summary span{color:#8b7885}
.transcript-row{background:#f8faff;border-color:#e2eaf4}.transcript-row:focus-within{border-color:#1479f4}.transcript-row time{color:#4b79ad}.style-panel{border-color:#dfe8f4}.style-panel .style-import{background:#eef5ff;border-color:#c4daf6;color:#2b5f9d}.style-list-item{background:#f6f9fe!important}
.process-shell{border-color:#e7e3ec}.process-visual{background:radial-gradient(circle,#dbeaff,#f5f9ff 72%)}.progress-track{background:#e6effb}.progress-track>div{background:#1479f4}.process-list .current{color:#176bce}.status{background:#eef5ff;border-color:#d3e4fb}.final-card{background:linear-gradient(155deg,#fff4ba66,#fff 60%)}
.checkout-card{max-width:510px;margin:-6px 0 22px;padding:17px 18px 15px;border:1px solid #dbe8fb;border-radius:18px;background:linear-gradient(145deg,#f7fbff,#fff 72%);box-shadow:0 12px 30px #1f6ab00b}.checkout-card-top{display:flex;align-items:center;gap:12px}.checkout-mark{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:12px;background:#e5f0ff;color:#1676e8;font-size:22px}.checkout-card-top>div{display:flex;flex-direction:column;gap:2px;min-width:0}.checkout-card-top strong{font-size:13px;color:#192a44}.checkout-card-top span{font-size:10px;color:#64809e}.checkout-card-top b{margin-left:auto;font-size:25px;font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:#176bce}.checkout-card p{margin:13px 0 0;padding-top:11px;border-top:1px solid #e5effb;color:#5f738b;font-size:11px;line-height:1.5}
@media(max-width:700px){.site-header{width:calc(100% - 20px);height:60px;padding:8px 12px;gap:10px}.site-header .brand{font-size:21px;gap:7px}.brand-logo{width:36px;height:30px}.page h2{font-size:30px}.card{border-radius:22px}.intro h1,.page-title h1,.process-copy h1,.export-copy h1{letter-spacing:-1px}}
.motion-count-picker{background:#ffffffb8;border-color:#d7e5f7;border-radius:16px}.motion-count-picker p{color:var(--muted)}.motion-count-picker output{color:#176bce;background:#e6f0fe}.auto-cut-control input:checked+.switch-track{background:#1479f4}.auto-cut-control input:focus-visible+.switch-track{outline-color:#1479f4}.orb-ring{border-color:#1479f433}.orb-core{background:radial-gradient(circle at 30% 25%,#dbeaff,#82b7f8 60%,#1479f4);box-shadow:0 20px 80px #1479f433}

.landing-drop-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#edf5ffe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.landing-drop-overlay[hidden]{display:none}.landing-drop-card{width:min(100%,480px);padding:48px 28px;text-align:center;border:2px dashed #8cbcf6;border-radius:28px;background:#ffffffdd;box-shadow:0 20px 70px #14579718}.landing-drop-card h2{font:400 36px/1.1 'Instrument Serif',Georgia,serif;color:#172c45;margin:16px 0}.landing-drop-card p{font:13px/1.6 Inter,sans-serif;color:#56718e;overflow-wrap:anywhere}.landing-drop-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#1479f4;background:#e5f0ff;font:400 34px Inter,sans-serif}.landing-drop-card button{margin-top:20px;padding:10px 24px;border:0;border-radius:20px;background:#1479f4;color:#fff;font:500 13px Inter,sans-serif;cursor:pointer}.landing-drop-card button[hidden]{display:none}