:root{color-scheme:light;--bg:#f5f8fe;--paper:#fff;--text:#17243f;--muted:#71809a;--line:#e2e9f4;--field:#f8faff;--blue:#4388ef;--deep:#2b69c8;--soft:#eaf3ff;--shadow:0 17px 55px #193c7710;font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}body.dark{color-scheme:dark;--bg:#0d1628;--paper:#17243a;--text:#edf4ff;--muted:#a5b4ce;--line:#2b3b55;--field:#111d31;--soft:#1b3355;--deep:#a7caff;--shadow:0 18px 50px #0004}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}a{color:inherit;text-decoration:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #448cf7;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}[hidden]{display:none!important}.wrap{max-width:1390px;width:calc(100% - 72px);margin:auto}.skip{position:absolute;top:-55px;left:12px;background:var(--paper);padding:10px;z-index:100}.skip:focus{top:12px}.topbar{background:var(--paper);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:52px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:650;white-space:nowrap;letter-spacing:-.8px}.brand b{color:var(--blue)}.mark{font-size:26px;font-weight:850;letter-spacing:-2px;color:var(--blue);line-height:1}.mark span{color:#9fd0ff}.nav nav{display:flex;gap:24px;color:var(--muted);font-size:12px;font-weight:650}.nav-right{margin-left:auto;display:flex;align-items:center;gap:20px}.privacy-badge{font-size:11px;color:#4e9d75;font-weight:750;white-space:nowrap}.live i,.privacy-badge i{display:inline-block;background:#4fcf8e;width:7px;height:7px;border-radius:50%;margin-right:7px}.icon-btn{border:none;background:0 0;color:var(--text);width:35px;height:35px;display:inline-grid;place-items:center;border-radius:9px;font-size:17px}.icon-btn:hover{background:var(--soft)}.hero{padding:37px 0 63px}.crumb{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:30px}.crumb a:hover{color:var(--deep)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px}.eyebrow,.kicker{font-size:10px;letter-spacing:2.1px;color:var(--blue);font-weight:850}.hero h1{font-size:clamp(46px,5.3vw,78px);letter-spacing:-4px;line-height:1.07;margin:16px 0 22px;font-weight:850}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#368eeb,#7773db);color:transparent;background-clip:text}.hero p{max-width:660px;color:var(--muted);font-size:15px;line-height:1.85;margin:0}.hero-points{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;font-size:11px;font-weight:730;color:var(--deep)}.hero-art{height:248px;border-radius:23px;background:linear-gradient(130deg,#132d54,#3263a8);box-shadow:0 25px 55px #1d4f9c28;position:relative;overflow:hidden;color:#fff;padding:21px 28px}.hero-art:after{content:"";position:absolute;width:300px;height:300px;right:-100px;top:-140px;border:1px solid #fff5;border-radius:50%}.art-footer,.art-label{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:2px;position:relative;z-index:1}.art-orbit{position:absolute;width:160px;height:160px;top:35px;left:calc(50% - 80px);border:1px solid #90bcf455;border-radius:50%;display:grid;place-items:center}.art-orbit:after{content:"";width:98px;height:98px;border:1px solid #90bcf477;border-radius:50%;position:absolute}.art-orbit b{font-family:Georgia,serif;font-size:41px;font-weight:400;z-index:1}.art-orbit i:first-child{position:absolute;width:14px;height:14px;background:#78c6ff;border-radius:100%;top:8px;right:28px}.art-orbit i:nth-child(2){position:absolute;width:7px;height:7px;background:#fff;border-radius:100%;bottom:12px;left:18px}.art-rail{position:absolute;bottom:45px;left:8%;right:8%;border-top:2px solid #ffffff55;display:flex;justify-content:space-between}.art-rail span{height:10px;width:10px;background:#a2cbfb;border:2px solid #fff;border-radius:50%;margin-top:-6px}.art-footer{position:absolute;bottom:18px;left:28px;right:28px;color:#c5dcff}.studio{padding-bottom:72px}.studio-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.studio-head h2{font-size:30px;line-height:1.2;letter-spacing:-1.3px;margin:8px 0}.studio-head p{margin:0;color:var(--muted);font-size:12px}.blue-star{color:var(--blue)}.privacy-callout{display:flex;align-items:center;gap:12px;color:var(--muted)}.privacy-callout>span{font-size:32px;color:var(--blue)}.privacy-callout strong{display:block;font-size:12px;color:var(--text)}.privacy-callout small{display:block;font-size:10px}.workspace{display:grid;grid-template-columns:minmax(245px,290px) minmax(0,1fr) minmax(254px,305px);gap:15px;align-items:start}.panel{border:1px solid var(--line);border-radius:19px;background:var(--paper);box-shadow:var(--shadow);padding:21px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.panel-title h3{font-size:15px;letter-spacing:-.3px;margin:0}.panel-title>div>span,.panel-title>span{font-size:10px;color:var(--muted);font-weight:660}.section-label{display:flex;gap:11px;align-items:center;font-size:12px;font-weight:780;margin:10px 0 17px}.section-label>b{font-size:10px;padding:5px 7px;border-radius:7px;background:var(--soft);color:var(--deep)}.field{margin-bottom:17px;min-width:0}.field label{display:block;font-size:11px;font-weight:760;margin-bottom:7px}.field input:not([type=color]),.field select,.field textarea{display:block;width:100%;border:1px solid var(--line);background:var(--field);border-radius:10px;min-height:42px;color:var(--text);padding:10px 11px;font-size:12px;outline-offset:2px}.field textarea{min-height:88px;resize:vertical;line-height:1.6}.field input[type=color]{display:block;height:42px;width:100%;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--field)}.field small,.hint{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:6px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tick{display:flex;align-items:center;gap:8px;font-size:11px;margin:12px 0;color:var(--muted)}.tick input{accent-color:var(--blue)}hr{height:1px;border:0;background:var(--line);margin:22px 0}.danger-btn,.outline-btn,.primary-btn,.soft-btn{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text);font-size:11px;font-weight:800;padding:11px 12px;text-align:center;min-height:39px}.soft-btn{background:var(--soft);color:var(--deep);border-color:transparent}.primary-btn{background:linear-gradient(115deg,#469bfb,#376dde);color:#fff;border-color:transparent;box-shadow:0 6px 15px #3a7bed30}.danger-btn{color:#c85f66;background:#fff1f1;border-color:#f9dcdc}.dark .danger-btn{background:#402b38;border-color:#633b43;color:#ffb8bc}.text-btn{background:0 0;border:none;color:var(--deep);font-size:11px;font-weight:750;padding:6px 1px}.text-btn:hover{text-decoration:underline}.milestone-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.event-toolbar{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin:16px 0 8px}.event-list{max-height:480px;overflow-y:auto;display:grid;gap:6px;padding:2px}.event-card{display:flex;text-align:left;gap:9px;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--paper);padding:11px 9px;color:var(--text);width:100%;min-width:0}.event-card.active{background:var(--soft);border-color:#9abefa}.event-card span.num{font-size:10px;color:var(--blue);font-weight:850;width:23px;flex:none}.event-card .event-copy{flex:1;min-width:0}.event-card strong{display:block;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event-card small{font-size:10px;color:var(--muted)}.event-card i{width:7px;height:27px;border-radius:4px;flex:none}.bottom-actions{display:flex;justify-content:space-between;gap:8px}.middle{display:grid;gap:15px;min-width:0}.preview-panel{padding:19px}.preview-panel .panel-title{margin-bottom:15px}.live{font-size:9px;color:#4e9a76;font-weight:850;white-space:nowrap;letter-spacing:1px}.canvas-frame{display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#e2e9f5,#d7e6f5);border-radius:13px;min-height:240px;padding:18px;overflow:hidden}.dark .canvas-frame{background:#101b2c}.canvas-frame canvas{width:100%;height:auto;max-height:510px;object-fit:contain;box-shadow:0 12px 38px #21395334;display:block;border-radius:4px}.transport{display:flex;align-items:center;gap:8px;margin-top:16px}.play-btn{background:var(--blue);color:#fff;border:none;border-radius:9px;padding:10px 16px;min-width:75px;font-size:11px;font-weight:800}.transport input[type=range]{min-width:0;flex:1;accent-color:var(--blue)}.timecode{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-footer>span{font-size:10px;color:var(--muted);text-align:right}.editing-panel .panel-title{margin-bottom:13px}.storyboard{display:flex;overflow:auto;gap:9px;padding:3px 1px 8px;scroll-snap-type:x proximity}.story-card{scroll-snap-align:start;text-align:left;flex:0 0 130px;padding:0;border:1px solid var(--line);background:var(--field);border-radius:11px;overflow:hidden;color:var(--text)}.story-card.selected{outline:2px solid var(--blue);outline-offset:0}.story-swatch{height:67px;display:flex;align-items:center;justify-content:center;font-size:25px;font-family:Georgia,serif;color:#fff;font-weight:800}.story-caption{padding:8px}.story-caption b{display:block;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.story-caption small{font-size:9px;color:var(--muted)}.timeline-guidance{font-size:10px;color:var(--muted);margin-top:8px}.tip{display:flex;gap:16px;padding:20px 23px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.tip>div:first-child{color:var(--blue);font-size:26px}.tip strong{font-size:12px}.tip p{font-size:11px;color:var(--muted);line-height:1.8;margin:6px 0 0}.tag{margin-left:auto;font-size:10px;background:var(--soft);border-radius:7px;color:var(--deep);padding:6px 9px}.validation{color:#c94f5f;font-size:10px;margin-top:6px}.image-field{display:flex;gap:13px;background:var(--field);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:15px}.image-thumb{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;flex:0 0 84px;min-width:0;background:var(--soft);border-radius:9px;overflow:hidden;background-position:center;background-size:cover}.image-thumb span{font-size:25px;color:var(--deep)}.image-thumb small{font-size:9px;color:var(--muted)}.image-copy{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:6px}.image-copy strong{font-size:11px}.image-copy small{font-size:10px;color:var(--muted);line-height:1.5}.image-copy .outline-btn{padding:7px 9px;min-height:30px}.row-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.history-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.full{width:100%}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.status{min-height:12px;font-size:11px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}.status.error{color:#dc6572}.explain{padding:44px 0 80px;border-top:1px solid var(--line)}.explain h2{font-size:30px;letter-spacing:-1px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards article{border:1px solid var(--line);border-radius:16px;padding:23px;background:var(--paper)}.cards span{display:inline-grid;place-items:center;background:var(--soft);color:var(--deep);width:35px;height:35px;border-radius:10px;font-weight:800;font-size:11px}.cards h3{font-size:15px;margin:18px 0 6px}.cards p,.faq p{font-size:12px;line-height:1.8;color:var(--muted)}.faq{max-width:900px;margin-top:49px}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{font-size:13px;font-weight:750;cursor:pointer}.foot{height:100px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer{border-top:1px solid var(--line);background:var(--paper)}.foot>a:last-child,.foot>span{font-size:11px;color:var(--muted)}.modal{position:fixed;inset:0;z-index:100;background:#0b1b39bb;display:grid;place-items:center;padding:25px}.modal-card{background:var(--paper);border-radius:21px;padding:30px;max-width:430px;width:100%;text-align:center;box-shadow:0 40px 100px #0613296b}.modal-card h2{font-size:21px;margin:18px 0 6px}.modal-card p{font-size:12px;color:var(--muted);line-height:1.8}.loader{height:42px;width:42px;margin:auto;border:4px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite}.progress{height:8px;border-radius:8px;background:var(--line);overflow:hidden;margin:19px 0}.progress>div{height:100%;width:0;background:var(--blue);transition:width .2s}.modal-card button{min-width:160px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1260px){.wrap{width:calc(100% - 36px)}.workspace{grid-template-columns:minmax(224px,260px) minmax(0,1fr)}.right{grid-column:1/-1}.right .image-field{max-width:460px}.hero-grid{gap:20px}}@media(max-width:790px){.nav nav{display:none}.workspace{grid-template-columns:1fr}.right{grid-column:auto}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero{padding:23px 0 35px}.hero h1{font-size:51px}.studio-head{align-items:start}.privacy-callout{display:none}.event-list{max-height:250px}.preview-footer>span{display:none}.cards{grid-template-columns:1fr}.panel{padding:19px}}@media(max-width:480px){.wrap{width:calc(100% - 26px)}.nav{height:65px}.privacy-badge{display:none}.hero h1{font-size:42px;letter-spacing:-2.6px}.hero p{font-size:13px}.hero-points{gap:12px}.studio-head h2{font-size:25px}.panel{padding:15px}.canvas-frame{min-height:170px;padding:10px}.transport{gap:2px}.transport .icon-btn{width:25px}.timecode{font-size:9px}.play-btn{padding:9px 11px;min-width:62px}.split{gap:8px}.row-actions button{font-size:10px}.preview-panel .panel-title{gap:4px}.live{font-size:8px}.foot>span{display:none}.footer{padding:15px 0}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;transition-duration:0s!important;scroll-behavior:auto!important}}