:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16273c;background:#f6f9fe;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.wrap{max-width:1480px;margin:auto;padding:0 28px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:#fff;padding:12px;z-index:10}.topbar{background:#fff;border-bottom:1px solid #e8eef6}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:23px;letter-spacing:-1.1px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:5px;white-space:nowrap}.brand>span:last-child{color:#41a2f4}.brandmark{height:34px;width:34px;border-radius:11px;background:#cce9ff;display:inline-flex;justify-content:center;align-items:center;color:#117de0;font-weight:900;margin-right:5px}.nav nav{display:flex;gap:25px;color:#5c6d85;font-weight:550;font-size:14px}.nav nav a{text-decoration:none}.nav nav a:hover{color:#0c82e4}.privacy{border:1px solid #d2eadf;background:#eefbf6;border-radius:40px;color:#378669;padding:8px 14px;font-size:12px;font-weight:650}.hero{padding-top:65px;padding-bottom:48px;text-align:center}.eyebrow{color:#2d88db;letter-spacing:2.4px;font-size:11px;font-weight:800}.eyebrow span{color:#82bdec}h1{font-size:clamp(42px,5vw,76px);letter-spacing:-3px;line-height:1.06;margin:17px 0 20px;font-weight:800}h1 em{font-style:normal;color:#3d9ff2}.hero>p{margin:0 auto;color:#65768c;line-height:1.7;max-width:780px;font-size:17px}.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:25px}.chips span{background:#fff;color:#567088;padding:10px 15px;border:1px solid #e5edf6;border-radius:40px;font-size:12px;font-weight:650}.work{padding-bottom:65px}.sectionrow{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px;gap:15px}.sectionrow h2{font-size:28px;letter-spacing:-1px;margin:8px 0 0}.sectionrow p{font-size:13px;color:#587289;max-width:45%;text-align:right}.studio{display:grid;grid-template-columns:minmax(310px,420px) minmax(0,1fr);gap:22px;align-items:start}.side,.stagecol{display:grid;gap:20px;min-width:0}.panel{min-width:0;background:#fff;border:1px solid #e5edf6;border-radius:22px;padding:22px;box-shadow:0 8px 30px #2a59800a}.panelhead{display:flex;gap:13px;align-items:start;margin-bottom:20px}.step{background:#e9f4ff;border-radius:11px;color:#318fda;font-weight:800;padding:9px 12px;font-size:12px}.panel h3{font-size:17px;letter-spacing:-.35px;margin:0 0 5px}.panelhead p,.stagehead p{font-size:12px;color:#8494a9;margin:0;line-height:1.5}.field{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:12px;color:#52647d;margin:0 0 14px;min-width:0}.field small{font-size:11px;font-weight:400;color:#7d8da1}.field input:not([type=checkbox]):not([type=color]):not([type=range]),.field select,.field textarea{border:1px solid #dce5f0;background:#fcfdff;color:#233b52;border-radius:11px;padding:11px 12px;min-height:42px;min-width:0;width:100%;outline:0}.field textarea{resize:vertical;line-height:1.55}.field input[type=color]{width:100%;height:43px;padding:4px;border:1px solid #dce5f0;border-radius:11px;background:#fff}.field input[type=range]{width:100%;accent-color:#2695e8}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:12px;min-height:43px;padding:11px 15px;font-weight:720;font-size:12px;text-align:center;text-decoration:none;white-space:normal}.btn.primary{background:linear-gradient(135deg,#2f9cf2,#2178db);color:#fff;box-shadow:0 5px 12px #3ca1ec35}.btn.primary:hover{filter:brightness(.97)}.btn.light{background:#f5f9ff;color:#3a607e;border-color:#e2edf8}.btn.light:hover{background:#eaf4ff}.btn.big{padding:16px 10px;font-size:13px}.btn.full{width:100%}.sep{height:1px;background:#edf1f6;margin:20px 0}.smallrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.smallrow strong{font-size:13px}.smallrow strong span{color:#429eea}.toolgroup{display:flex;gap:10px}.textbutton{background:0 0;color:#338ad2;border:0;font-weight:700;font-size:12px;padding:6px}.addrow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.addrow .btn{padding:9px 5px;font-size:11px}.message-list{max-height:370px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:2px}.messageitem{border:1px solid #e4edf5;border-radius:12px;background:#fbfdff;padding:8px 10px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:6px}.messageitem.selected{border-color:#5ea5e6;background:#edf7ff}.messageitem .meta{font-size:11px;color:#7d8b9c;margin-bottom:4px}.messageitem .body{font-size:12px;color:#324d62;line-height:1.5;overflow-wrap:anywhere}.messageitem .actions{display:flex;flex-direction:column;gap:4px}.messageitem button{background:#f0f6fc;border:0;border-radius:5px;min-width:25px;min-height:22px;color:#426f95;font-size:11px}.messageitem .pick{border:0;padding:3px 0;background:0 0;text-align:left;min-width:0}.messageitem .pick:focus-visible{outline:2px solid #2d95eb}.editor{margin-top:14px;background:#f6faff;border:1px solid #e2eefa;border-radius:15px;padding:14px}.editor[hidden]{display:none}.checks{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:5px}.checkline,.checks label{font-size:12px;color:#596d80;display:flex;align-items:center;gap:7px}.checkline input,.checks input{accent-color:#298de2}.checkline{margin-bottom:13px}.stagehead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.pill{background:#edf7ff;color:#2a80ba;padding:8px 10px;border-radius:25px;font-weight:800;font-size:11px;white-space:nowrap}.previewpanel{padding:20px}.canvaswrap{background:radial-gradient(circle at 30% 30%,#244b60,#061826 90%);border:1px solid #d4e5f1;border-radius:16px;min-height:360px;max-height:680px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14px}.canvaswrap canvas{height:auto;width:auto;max-width:100%;max-height:650px;display:block;border-radius:7px;box-shadow:0 12px 28px #0004}.transport{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.transport .btn{min-width:92px}.seek{flex:1;min-width:160px;display:flex;flex-direction:column;gap:3px;font-weight:700;color:#708299;font-size:11px}.seek input{accent-color:#2e92ec;width:100%;margin:0}.transport output{font-size:11px;color:#4c6380;white-space:nowrap;font-variant-numeric:tabular-nums}.chapters{display:flex;gap:5px;overflow-x:auto;padding:12px 0 4px}.chapters button{border:1px solid #e1eaf4;background:#f8fbff;border-radius:12px;color:#52708c;white-space:nowrap;padding:7px 11px;font-size:11px}.chapters button:hover{background:#e9f5ff}.hint{font-size:11px;line-height:1.65;color:#7c8ea4;margin:11px 0 0}.exportgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exportgrid .big:first-child{grid-column:span 2}.upload{position:relative;cursor:pointer}.upload input{position:absolute;width:1px;height:1px;opacity:0;left:50%}.guide h3{margin-bottom:15px}.tipgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.tipgrid article{border:1px solid #e7edf5;background:#f9fcff;border-radius:13px;padding:13px}.tipgrid b{font-size:12px}.tipgrid p{font-size:11px;color:#7c8fa0;line-height:1.6;margin-bottom:0}.seo{padding:20px 28px 90px}.seo h2{font-size:26px;letter-spacing:-1px;margin-top:12px}.seogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}.seogrid article{background:#fff;border:1px solid #e4edf7;border-radius:15px;padding:22px}.seogrid h3{font-size:16px}.seo details p,.seogrid p{color:#76879a;font-size:13px;line-height:1.7}.seo details{border-bottom:1px solid #e2eaf5;padding:15px 0}.seo details summary{cursor:pointer;font-weight:650;font-size:14px}.foot{display:flex;justify-content:space-between;gap:16px;color:#73869d;font-size:12px;padding-top:30px;padding-bottom:30px;border-top:1px solid #e4edf6}.overlay[hidden],.toast[hidden]{display:none}.overlay{position:fixed;inset:0;z-index:20;background:#102234b3;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.dialog{width:min(450px,100%);background:#fff;border-radius:22px;padding:34px;text-align:center;box-shadow:0 16px 50px #0003}.dialog h2{margin:13px 0 8px;font-size:27px}.dialog p{color:#6a7e95;font-size:14px}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid #d9ebff;border-top-color:#2e91eb;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:8px;border-radius:8px;background:#edf2f9;overflow:hidden;margin:18px 0 8px}.progress span{height:100%;width:0;background:#2d98f0;display:block;transition:width .2s}.dialog small{display:block;margin-bottom:15px;color:#7388a0}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#143349;color:#fff;padding:13px 21px;border-radius:12px;z-index:50;box-shadow:0 6px 20px #0003;font-size:13px;max-width:90%}:focus-visible{outline:3px solid #65b4fa;outline-offset:3px}@media(max-width:1100px){.studio{grid-template-columns:minmax(275px,340px) minmax(0,1fr)}.wrap{padding-left:20px;padding-right:20px}.panel{padding:17px}.tipgrid{grid-template-columns:1fr}.transport .btn{min-width:75px}}@media(max-width:780px){.nav nav{display:none}.hero{padding-top:48px;padding-bottom:40px}.studio{grid-template-columns:1fr}.stagecol{grid-row:1}.side{grid-row:2}.canvaswrap{max-height:550px}.canvaswrap canvas{max-height:510px}.sectionrow{align-items:start;flex-direction:column}.sectionrow p{max-width:100%;text-align:left}.seogrid{grid-template-columns:1fr}.privacy{display:none}}@media(max-width:440px){.wrap{padding-left:14px;padding-right:14px}.nav{min-height:62px}h1{font-size:43px;letter-spacing:-2.4px}.hero>p{font-size:14px}.panel{padding:14px;border-radius:16px}.canvaswrap{padding:7px;max-height:500px;min-height:280px}.canvaswrap canvas{max-height:480px}.exportgrid{gap:7px}.exportgrid .btn{font-size:11px;padding:10px 7px}.addrow{gap:4px}.transport{gap:7px}.transport .btn{min-width:65px;font-size:11px;padding:8px}.transport output{width:100%;text-align:right}.foot{flex-direction:column}.seogrid article{padding:16px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:440px){.field{font-size:13px}.hint{font-size:12px}.messageitem .body{font-size:13px}.smallrow strong{font-size:14px}.panelhead p,.stagehead p{font-size:13px}.btn{font-size:12px}.seogrid p{font-size:13px}}.bulkscript{background:#f7fbff;border:1px solid #e5edf8;border-radius:12px;padding:11px 12px;margin:14px 0}.bulkscript summary{font-size:12px;font-weight:750;cursor:pointer;color:#2d87ce}.bulkscript[open] summary{margin-bottom:13px}.bulkscript textarea{font-size:12px;min-height:105px}.checkline[hidden],.field[hidden]{display:none!important}