:root{--st-ink:#252847;--st-muted:#6f7691;--st-border:#e5e7f1;--st-purple:#7558de;--st-lilac:#f3efff}*{box-sizing:border-box}body{margin:0;font-family:'Manrope','DM Sans',sans-serif;color:var(--st-ink);background:#fff}button,input,select,textarea{font:inherit}.st-wrap{width:min(1160px,calc(100% - 42px));margin:0 auto}.st-hero{background:radial-gradient(ellipse at 87% 25%,#e6dfff 0,transparent 43%),linear-gradient(130deg,#fff,#f7f8ff);border-bottom:1px solid #ececf6;padding:54px 0 64px}.st-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.st-tag{display:inline-block;color:#7655c9;font-weight:900;letter-spacing:.15em;text-transform:uppercase;font-size:10px}.st-hero h1{font-size:clamp(39px,5.6vw,70px);line-height:1.11;letter-spacing:-.075em;margin:19px 0 17px;max-width:750px}.st-hero h1 em{font-style:normal;color:var(--st-purple)}.st-hero p{max-width:600px;color:#6b728a;font-size:14px;line-height:1.85}.st-tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.st-tags span{border:1px solid #e7ddff;background:#fff;padding:7px 11px;border-radius:30px;font-size:10px;color:#685c8a;font-weight:750}.st-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:12px 17px;min-height:43px;cursor:pointer;font-weight:850;font-size:12px;border:1px solid transparent;text-decoration:none;transition:background .2s,transform .2s}.st-button:hover{transform:translateY(-1px)}.st-button.primary{background:var(--st-purple);color:#fff}.st-button.primary:hover{background:#6748d4}.st-button.secondary{color:#4a4970;background:#fff;border-color:#dcdced}.st-button:disabled{opacity:.55;cursor:not-allowed}.st-hero-visual{min-height:265px;border-radius:24px;background:linear-gradient(145deg,#241c51,#694ed2);box-shadow:0 18px 56px #7665bc45;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff}.st-hero-visual:before{content:'';width:340px;height:340px;border-radius:50%;border:1px solid #ffffff42;position:absolute;left:-70px;top:-70px;box-shadow:0 0 0 70px #ffffff09,0 0 0 145px #ffffff07}.st-hero-visual strong{font-size:clamp(45px,5vw,75px);letter-spacing:-.08em;text-shadow:0 4px 30px #1b103b55;z-index:1}.st-hero-visual small{position:absolute;bottom:20px;left:25px;z-index:1;letter-spacing:.14em;font-size:10px;color:#ede8ff}.st-hero-beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:0}.st-hero-beforeafter img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.st-hero-beforeafter img:first-child{clip-path:inset(0 50% 0 0);z-index:2}.st-hero-beforeafter:after{content:'BEFORE   ↔   AFTER';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:11px 19px;border-radius:40px;background:#fff;color:#3b375e;z-index:2;font-weight:850;font-size:12px;box-shadow:0 10px 35px #0006;white-space:nowrap}.st-editor{margin:35px auto 85px;background:#fff;border:1px solid #e2e2f0;box-shadow:0 18px 60px #30345a17;border-radius:23px;overflow:hidden}.st-editor-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 28px;background:#fcfaff;border-bottom:1px solid #e7e8f4}.st-editor-head h2{margin:7px 0;font-size:25px;letter-spacing:-.04em}.st-editor-head p{color:#7a809a;margin:0;font-size:11px}.st-editor-head-actions{display:flex;gap:9px}.st-work{display:grid;grid-template-columns:minmax(315px,390px) minmax(0,1fr)}.st-side{background:#fafaff;padding:15px;border-right:1px solid #e7e7f1;display:grid;align-content:start;gap:13px}.st-panel{background:#fff;border:1px solid #e5e5f0;border-radius:15px;padding:18px;min-width:0}.st-panel-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.st-panel-head>span{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;color:#6d50ce;background:#f1ebff;font-weight:850;font-size:11px}.st-panel-head h3{font-size:13px;margin:3px 0 5px}.st-panel-head p{margin:0;font-size:10px;line-height:1.6;color:#8990a4}.st-panel label{font-size:11px;font-weight:850;color:#404765;display:block;margin:14px 0 8px}.st-panel label:first-of-type{margin-top:0}.st-panel textarea,.st-panel input[type=text],.st-panel select,.st-panel input[type=number]{padding:11px 12px;background:#fcfcff;width:100%;border:1px solid #dfe2ef;border-radius:9px;outline-color:#a68cf7;font-size:12px;color:#333853}.st-panel textarea{resize:vertical;min-height:105px;line-height:1.65}.st-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.st-range-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px}.st-range-row label{margin:0}.st-range-row output{font-size:10px;color:#7354cf;font-weight:900;white-space:nowrap}.st-panel input[type=range]{width:100%;accent-color:#765adb;cursor:pointer}.st-hint{font-size:10px;line-height:1.7;color:#848da4;margin:7px 0}.st-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.st-options button{min-height:44px;border:1px solid #dde2ef;background:#fdfdff;border-radius:9px;color:#5a6381;font-size:10px;font-weight:800;cursor:pointer}.st-options button[aria-pressed=true],.st-ratios button[aria-pressed=true]{background:#eee9ff;border-color:#a794ee;color:#5e43bb;box-shadow:inset 0 0 0 1px #c7bafa}.st-ratios{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.st-ratios button{background:#fdfdff;border:1px solid #dde2ef;border-radius:9px;min-height:42px;font-size:11px;font-weight:800;cursor:pointer;color:#5a6280}.st-file{display:flex;align-items:center;gap:11px;border:1px dashed #b7a6e9;background:#f8f4ff;border-radius:10px;padding:14px 12px;cursor:pointer;color:#6850c1;font-size:11px;font-weight:750}.st-file input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.st-file span{font-size:22px}.st-file small{display:block;color:#8b88a5;font-size:9px;margin-top:4px}.st-link{border:0;background:none;color:#7556c7;font-size:10px;font-weight:750;cursor:pointer;margin-top:8px}.st-preview-wrap{padding:18px;min-width:0}.st-card{border:1px solid #e5e7f1;border-radius:17px;overflow:hidden;box-shadow:0 11px 40px #28295b13}.st-card-head{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px}.st-card-head strong{font-size:12px}.st-card-head small{display:block;color:#8a91a8;font-size:10px;margin-top:4px}.st-chip{padding:8px 11px;border-radius:9px;color:#7452d0;background:#f0ebff;font-size:10px;font-weight:850}.st-stage{min-height:490px;background:radial-gradient(ellipse at 50% 30%,#eeeaff,#f9faff 72%);display:grid;place-items:center;padding:22px}.st-frame{position:relative;border:7px solid white;border-radius:12px;overflow:hidden;box-shadow:0 16px 55px #181c3b4b;max-height:590px}.st-frame canvas{width:100%;height:100%;display:block;cursor:pointer}.st-playcenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:1px solid #ffffff9a;border-radius:50%;color:#fff;background:#1e2045aa;backdrop-filter:blur(6px);font-size:21px;cursor:pointer}.st-playcenter[hidden]{display:none}.st-controls{padding:15px 19px;background:#fcfcff;border-top:1px solid #e5e6f2}.st-playrow{display:flex;align-items:center;gap:9px;color:#777e99;font-size:11px}.st-playrow button{background:#f0ebff;border:1px solid #e1d8ff;border-radius:9px;width:37px;height:34px;color:#6546bb;cursor:pointer}.st-playrow output{margin-left:auto;font-weight:750}.st-seek{width:100%;accent-color:#7459d6;margin-top:15px}.st-download{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;padding:14px 19px 7px}.st-foot{padding:0 21px 17px;color:#8b94a5;font-size:10px;line-height:1.65}.st-note{display:flex;gap:14px;margin-top:14px;background:#f4f0ff;border:1px solid #e3d9fa;border-radius:13px;padding:18px}.st-note>span{font-size:25px;color:#7052c9}.st-note strong{font-size:11px}.st-note p{font-size:11px;line-height:1.75;color:#758097;margin:5px 0}.st-guide{background:#f8f8fd;border-top:1px solid #ebeaf5;border-bottom:1px solid #ebeaf5;padding:75px 0}.st-guide h2{font-size:clamp(28px,4.4vw,48px);line-height:1.15;letter-spacing:-.055em;max-width:720px;margin:11px 0}.st-guide h3{font-size:18px;margin:28px 0 8px}.st-guide p,.st-guide li{font-size:13px;color:#6e7691;line-height:1.9;max-width:900px}.st-guide a{color:#6346bf}.st-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.st-steps article{border:1px solid #e0e4f1;background:#fff;border-radius:13px;padding:18px}.st-steps article span{font-size:10px;color:#7553ce;font-weight:850}.st-steps article h3{margin:9px 0}.st-steps article p{font-size:11px;margin:0}.st-faq{padding:65px 0 85px}.st-faq h2{font-size:32px;letter-spacing:-.04em}.st-faq details{border-bottom:1px solid #e1e3ee;padding:16px 2px}.st-faq summary{cursor:pointer;font-size:13px;font-weight:850;color:#323857}.st-faq p{color:#6e7691;font-size:12px;line-height:1.8}.st-modal{position:fixed;z-index:300;inset:0;background:#10162aaa;display:grid;place-items:center;padding:20px}.st-modal[hidden]{display:none}.st-modal-box{background:#fff;border-radius:21px;padding:30px;width:min(420px,100%);text-align:center;box-shadow:0 25px 70px #0006}.st-modal-box h2{font-size:21px}.st-modal-box p{color:#7b8297;font-size:12px;line-height:1.7}.st-progress{height:10px;background:#ece9f7;border-radius:20px;overflow:hidden;margin:21px 0 9px}.st-progress div{height:100%;width:0;background:linear-gradient(90deg,#765cda,#ba9ef8)}.st-progress-meta{display:flex;justify-content:space-between;font-size:11px;color:#7a859c;margin-bottom:19px}.st-toasts{position:fixed;bottom:15px;right:15px;max-width:min(390px,calc(100vw - 30px));z-index:350;display:grid;gap:7px}.st-toast{background:#33344c;color:#fff;padding:12px 16px;border-radius:10px;font-size:12px;box-shadow:0 8px 25px #0004}.st-toast.err{background:#85364c}@media(max-width:990px){.st-work{grid-template-columns:345px minmax(0,1fr)}.st-stage{min-height:400px}.st-side{padding:12px}.st-panel{padding:14px}}@media(max-width:820px){.st-hero-grid{grid-template-columns:1fr}.st-hero-visual{display:none}.st-work{grid-template-columns:1fr}.st-side{grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid #e7e7f1}.st-steps{grid-template-columns:1fr}}@media(max-width:610px){.st-wrap{width:calc(100% - 26px)}.st-hero{padding:38px 0}.st-hero h1{font-size:clamp(38px,10vw,54px)}.st-editor{margin:20px auto 50px;border-radius:15px}.st-editor-head{padding:18px;flex-direction:column;align-items:flex-start}.st-editor-head h2{font-size:21px}.st-editor-head-actions{width:100%}.st-editor-head-actions .st-button{flex:1}.st-side{grid-template-columns:1fr;gap:10px}.st-preview-wrap{padding:10px}.st-stage{padding:12px 6px;min-height:290px}.st-frame{max-height:490px}.st-download{grid-template-columns:1fr}.st-guide{padding:53px 0}.st-faq{padding:55px 0}.st-foot{padding:0 14px 14px}}.skip-link{position:absolute!important;top:-120px!important;left:9px!important;z-index:999}.skip-link:focus{top:8px!important}