:root{color:#1d1b22;font-synthesis:none;text-rendering:optimizelegibility;--purple-950:#2e155f;--purple-900:#3c1d7d;--purple-800:#4d28a6;--purple-700:#5d35cc;--purple-600:#6f4be8;--purple-500:#815ff0;--purple-400:#9b7cf4;--purple-300:#bca9f8;--purple-200:#d9cffb;--purple-100:#eee9ff;--purple-50:#f8f6ff;--ink:#1f1d24;--muted:#716b78;--border:#e5e0eb;--shadow:0 14px 42px #2e155f12;--shadow-hover:0 16px 36px #3d1d7d1a;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.dynamic-motricialy-shell,.dynamic-tool-main{width:100%;max-width:none;margin:0;padding:0}.dynamic-tool-main{min-height:60vh}.dynamic-header-mount,.motricialy-fallback-header{min-height:74px}.dynamic-header-mount #site-header,.dynamic-footer-mount #footer{z-index:30;position:relative}.motricialy-fallback-header{z-index:30;background:#fff;border-bottom:1px solid #ededed;position:relative}.motricialy-fallback-header-inner{align-items:center;gap:28px;width:min(1200px,90%);min-height:74px;margin:0 auto;display:flex}.motricialy-fallback-logo{flex:none;align-items:center;height:74px;text-decoration:none;display:flex}.motricialy-fallback-logo img{object-fit:contain;width:auto;max-width:120px;max-height:58px;display:block}.motricialy-fallback-nav{align-items:center;height:74px;margin-left:auto;display:flex}.motricialy-fallback-nav a{color:#3c3940;padding:0 11px;font-size:13px;font-weight:500;text-decoration:none}.motricialy-fallback-nav a:hover,.motricialy-fallback-nav a:focus-visible{color:var(--purple-600)}.motricialy-fallback-menu-toggle{color:#4a464e;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;height:44px;margin-left:auto;padding:0 4px;display:none}.motricialy-fallback-bars{flex-direction:column;justify-content:space-between;width:18px;height:14px;display:flex}.motricialy-fallback-bars i{background:currentColor;border-radius:2px;width:18px;height:2px;transition:transform .18s,opacity .18s}.motricialy-fallback-menu-toggle.opened .motricialy-fallback-bars i:first-child{transform:translateY(6px)rotate(45deg)}.motricialy-fallback-menu-toggle.opened .motricialy-fallback-bars i:nth-child(2){opacity:0}.motricialy-fallback-menu-toggle.opened .motricialy-fallback-bars i:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.motricialy-fallback-mobile-menu{background:#fff;border-top:1px solid #f0edf3;display:none}.motricialy-fallback-mobile-menu.is-open{display:block}.motricialy-fallback-mobile-menu a{color:#4f4a53;border-bottom:1px solid #f2eff4;padding:12px 7%;font-size:15px;text-decoration:none;display:block}.motricialy-fallback-footer{color:#ccc;background:#222;width:100%;margin:0}.motricialy-fallback-footer-widgets{background:#222;padding:30px 0}.motricialy-fallback-footer-inner{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;width:1200px;max-width:90%;margin:0 auto;display:grid}.motricialy-fallback-footer-column{color:#ccc;min-width:0;padding:0 15px;font-size:15px;line-height:1.8}.motricialy-fallback-footer-column h2{color:#fff;margin:0 0 20px;font-size:18px;font-weight:700;line-height:1.35}.motricialy-fallback-footer-column a{color:#fff;width:max-content;max-width:100%;margin:0 0 9px;font-size:15px;line-height:1.55;text-decoration:none;display:block}.motricialy-fallback-footer-column a:hover,.motricialy-fallback-footer-column a:focus-visible{color:var(--purple-300)}.motricialy-fallback-footer-brand img{object-fit:contain;display:block;width:300px!important;max-width:100%!important;height:auto!important;margin:0 0 18px!important}.motricialy-fallback-footer-brand p{color:#ccc;max-width:310px;margin:0 0 18px;font-size:15px;line-height:1.7}.motricialy-fallback-socials{flex-wrap:wrap;align-items:center;gap:11px;margin-top:2px;display:flex}.motricialy-fallback-socials a{place-items:center;width:25px;height:25px;display:grid;color:#fff!important;margin:0!important}.motricialy-fallback-socials svg{fill:currentColor;width:24px;height:24px;display:block}.motricialy-fallback-sections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;display:grid}.motricialy-fallback-newsletter h2{border-left:3px solid var(--purple-500);letter-spacing:1px;padding-left:15px;font-size:13px;font-weight:500;line-height:1}.motricialy-fallback-newsletter p{color:#ccc;margin:0 0 16px;font-size:15px;line-height:1.7}.motricialy-fallback-newsletter-row{width:100%;margin:0 0 10px;display:flex}.motricialy-fallback-newsletter-row input{color:#333;background:#fff;border:1px solid #555;border-right:0;border-radius:3px 0 0 3px;flex:1;min-width:0;height:42px;padding:7px 10px}.motricialy-fallback-newsletter-row button{background:var(--purple-600);color:#fff;border:1px solid #fff;border-radius:0 3px 3px 0;width:52px;height:42px;font-size:12px;font-weight:700}.motricialy-fallback-gdpr{color:#ccc;align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;display:flex}.motricialy-fallback-gdpr input{accent-color:var(--purple-600);margin-top:2px}.motricialy-fallback-footer-bottom{color:#929292;background:#1b1b1b;padding:15px 0;font-size:12px;line-height:1.4}.motricialy-fallback-footer-bottom-inner{text-align:center;width:1200px;max-width:90%;margin:0 auto}.circle-crop-page{background:linear-gradient(#fff 0 25%,#fcfbff 100%);min-height:100vh;padding:0 20px 86px}.hero-section{text-align:center;width:min(980px,100%);margin:0 auto;padding:58px 0 28px}.hero-eyebrow,.section-label{color:var(--purple-700);background:var(--purple-50);border:1px solid var(--purple-100);letter-spacing:.12em;border-radius:999px;align-items:center;padding:6px 10px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.hero-section h1{color:#19171d;letter-spacing:-1.7px;margin:12px 0 14px;font-size:48px;font-weight:800;line-height:1.06}.hero-section p{color:#69636f;max-width:760px;margin:0 auto;font-size:16px;line-height:1.65}.upload-stage{width:min(1200px,100%);margin:0 auto}.upload-card{text-align:center;min-height:330px;box-shadow:var(--shadow);background:#fff;border:1px dashed #cfc5e6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:42px 28px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.upload-card.is-dragging{border-color:var(--purple-600);background:var(--purple-50);box-shadow:0 0 0 4px #6f4be814, var(--shadow)}.upload-mark{background:var(--purple-50);width:58px;height:58px;color:var(--purple-700);border:1px solid var(--purple-100);border-radius:16px;place-items:center;margin-bottom:15px;display:grid}.upload-card h2{color:#2c2830;margin:0 0 8px;font-size:21px;line-height:1.3}.upload-card p{color:#817a87;max-width:560px;margin:0 0 20px;font-size:14px;line-height:1.6}.primary-button,.secondary-button,.text-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:750;display:inline-flex}.primary-button{border:1px solid var(--purple-600);background:var(--purple-600);color:#fff;padding:11px 18px;box-shadow:0 8px 18px #6f4be82e}.primary-button:hover{background:var(--purple-700);border-color:var(--purple-700)}.secondary-button{color:#51495d;background:#fff;border:1px solid #ddd6e8;padding:9px 13px}.secondary-button:hover{color:var(--purple-700);border-color:var(--purple-300);background:#fcfbff}.text-button{min-height:36px;color:var(--purple-700);background:0 0;border:0;padding:6px 8px;font-size:13px}.text-button:hover{background:var(--purple-50)}.tool-error,.workspace-error{color:#9a3d3d;background:#fff7f7;border:1px solid #f2caca;border-radius:9px;margin-top:16px;padding:10px 12px;font-size:13px}.editor-stage{width:min(1600px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #e4dfeb;border-radius:22px;margin:0 auto;overflow:hidden}.workspace-topbar{background:#fdfcff;border-bottom:1px solid #eeeaf2;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 18px;display:flex}.workspace-topbar>div{min-width:0}.workspace-topbar strong{text-overflow:ellipsis;white-space:nowrap;color:#332e38;max-width:700px;font-size:14px;display:block;overflow:hidden}.workspace-topbar span{color:#8b8490;margin-top:3px;font-size:12px;display:block}.editor-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.7fr);min-height:690px;display:grid}.preview-panel{background:#f6f4f8;border-right:1px solid #ece7f0;min-width:0;padding:20px}.controls-panel{background:#fff;min-width:0;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.panel-heading h2{color:#2c2730;margin:2px 0 0;font-size:20px;line-height:1.25}.panel-kicker{color:var(--purple-700);letter-spacing:.1em;font-size:10px;font-weight:800}.circle-editor-wrap{width:min(760px,100%);margin:0 auto}.circle-editor-canvas{aspect-ratio:1;cursor:grab;touch-action:none;background:#17171e;border-radius:17px;outline:none;width:100%;display:block;box-shadow:0 12px 28px #100b1929}.circle-editor-canvas:active{cursor:grabbing}.circle-editor-canvas:focus-visible{box-shadow:0 0 0 4px #6f4be833,0 12px 28px #100b1929}.editor-hint{color:#8c8492;text-align:center;margin-top:9px;font-size:12px;line-height:1.4}.zoom-control{background:#fff;border:1px solid #ded8e8;border-radius:12px;width:min(760px,100%);margin:15px auto 0;padding:13px 14px}.zoom-meta{color:#746d7e;justify-content:space-between;align-items:center;gap:12px;margin-top:7px;font-size:12px;line-height:1.35;display:flex}.zoom-meta strong{color:#342a43;font-weight:750}.quality-warning{color:#5e526d;background:#f8f6ff;border:1px solid #eadffd;border-left:3px solid #6f4be8;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.45}.control-label-row{color:#5d5664;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.control-label-row strong{color:var(--purple-800);font-size:12px}input[type=range]{width:100%;accent-color:var(--purple-600)}.result-preview-block{margin-bottom:20px}.transparent-label{color:#7f7786;font-size:11px;font-weight:600}.result-preview-checker{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#eceaf0 25%,#0000 25%),linear-gradient(-45deg,#eceaf0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eceaf0 75%),linear-gradient(-45deg,#0000 75%,#eceaf0 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border:1px solid #ddd7e5;border-radius:15px;width:min(250px,75%);margin:0 auto;overflow:hidden}.result-preview-checker canvas{width:100%;height:100%;display:block}.control-section{border-top:1px solid #eeeaf2;padding:17px 0}.control-section>label,.control-title{color:#453f4b;margin-bottom:8px;font-size:13px;font-weight:800;display:block}.control-section select,.control-section input[type=number]{color:#3c3741;background:#fff;border:1px solid #dad4e3;border-radius:9px;outline:none;width:100%;min-height:44px;padding:9px 10px}.control-section select:focus,.control-section input[type=number]:focus{border-color:var(--purple-400);box-shadow:0 0 0 3px #6f4be81a}.control-section small{color:#8b8490;margin-top:7px;font-size:12px;line-height:1.5;display:block}.inline-field{align-items:center;gap:8px;margin-top:9px;display:flex}.inline-field span{color:#746c7b;font-size:13px}.format-tabs{background:#f3f0f7;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.format-tabs button{color:#736b7a;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:38px;font-size:12px;font-weight:800}.format-tabs button.active{color:var(--purple-700);background:#fff;box-shadow:0 2px 8px #311c5117}.quality-control .control-label-row{margin-bottom:4px}.output-summary{border:1px solid var(--purple-100);background:var(--purple-50);border-radius:11px;margin:18px 0 12px;padding:12px 13px}.output-summary strong{color:var(--purple-900);font-size:15px;display:block}.output-summary span{color:#80758d;margin-top:3px;font-size:12px;display:block}.download-button{width:100%}.download-status{color:#6e6577;text-align:center;margin-top:10px;font-size:12px;line-height:1.5}.trust-row{color:#85808a;justify-content:center;align-items:center;gap:10px 22px;width:min(980px,100%);margin:17px auto 0;font-size:12px;display:flex}.trust-row span{padding-left:14px;position:relative}.trust-row span:before{content:"";background:#75a986;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.workspace-error{width:min(980px,100%);margin-left:auto;margin-right:auto}.landing-section{width:min(980px,100%);margin:68px auto 0}.landing-section>.section-label{margin-bottom:9px}.landing-section h2{color:#33273f;letter-spacing:-.5px;margin:0;font-size:29px;font-weight:800;line-height:1.22}.section-underline{background:linear-gradient(90deg,var(--purple-600),var(--purple-400));border-radius:999px;width:50px;height:3px;margin:13px 0 25px;display:block}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.steps-grid article,.features-grid article{border:1px solid #e3ddec;border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative}.steps-grid article{background:#fff;min-height:184px;padding:20px;box-shadow:0 8px 24px #2e155f08}.steps-grid article:hover,.features-grid article:hover{box-shadow:var(--shadow-hover);border-color:#cbbded;transform:translateY(-3px)}.step-number{background:linear-gradient(135deg,var(--purple-600),var(--purple-500));color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:15px;font-size:12px;font-weight:800;display:grid}.steps-grid h3,.features-grid h3{color:var(--purple-950);margin:0 0 7px;font-size:16px;line-height:1.35}.steps-grid p,.features-grid p,.explain-card p,.faq-list p{color:#746d7b;font-size:15px;line-height:1.68}.steps-grid p,.features-grid p{margin:0}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.features-grid article{background:var(--purple-50);min-height:158px;padding:20px;overflow:hidden}.features-grid article:nth-child(2),.features-grid article:nth-child(5){background:#fdfcff}.features-grid article:nth-child(3),.features-grid article:nth-child(6){background:#f5f1ff}.features-grid article:before{content:"";background:var(--purple-100);opacity:.75;border-radius:50%;width:74px;height:74px;transition:transform .18s,opacity .18s;position:absolute;top:-18px;right:-18px}.features-grid article:hover:before{opacity:1;transform:scale(1.08)}.features-grid h3,.features-grid p{z-index:1;position:relative}.explain-card{background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #dfd7ec;border-radius:18px;grid-template-columns:210px 1fr;align-items:center;gap:28px;padding:24px;display:grid}.explain-card p{margin:0}.explain-card p+p{margin-top:12px}.explain-circle{background-color:#fff;background-image:linear-gradient(45deg,#e8e4ed 25%,#0000 25%),linear-gradient(-45deg,#e8e4ed 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e4ed 75%),linear-gradient(-45deg,#0000 75%,#e8e4ed 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #ded7e8;border-radius:18px;place-items:center;width:170px;height:170px;margin:0 auto;display:grid}.explain-circle span{background:linear-gradient(135deg,var(--purple-200),var(--purple-500));border-radius:50%;width:118px;height:118px;box-shadow:0 8px 22px #5d35cc2e}.faq-list{border-top:1px solid #ded6ea}.faq-list details{border-bottom:1px solid #ded6ea;padding:0 15px;transition:background .18s,box-shadow .18s;position:relative}.faq-list details:hover{background:#faf8ff}.faq-list details[open]{box-shadow:inset 4px 0 0 var(--purple-500);background:#f8f5ff}.faq-list summary{cursor:pointer;color:#403748;align-items:center;min-height:62px;padding:16px 38px 16px 0;font-size:15px;font-weight:750;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--purple-600);font-size:21px;font-weight:500;position:absolute;right:15px}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:-2px 0 0;padding:0 38px 18px 0}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.related-card{background:#fff;border:1px solid #e1daeb;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;min-height:78px;padding:15px 15px 15px 18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.related-card:before{content:"";background:var(--purple-500);opacity:.35;width:3px;transition:width .18s,opacity .18s;position:absolute;inset:0 auto 0 0}.related-card:hover{box-shadow:var(--shadow-hover);border-color:#cfc0ef;transform:translateY(-2px)}.related-card:hover:before{opacity:1;width:5px}.related-card strong{color:var(--purple-950);font-size:14px;line-height:1.3;display:block}.related-card small{color:#918998;margin-top:4px;font-size:11.5px;display:block}.related-arrow{width:32px;height:32px;color:var(--purple-700);background:var(--purple-100);border-radius:9px;flex:none;place-items:center;transition:transform .18s,background .18s;display:grid}.related-card:hover .related-arrow{background:#e5ddfb;transform:translate(2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #6f4be840}@media (width<=1100px){.motricialy-fallback-nav a{padding-left:8px;padding-right:8px;font-size:12px}.editor-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}}@media (width<=959px){.motricialy-fallback-header-inner{width:min(100% - 28px,1200px)}.motricialy-fallback-nav{display:none}.motricialy-fallback-menu-toggle{display:flex}.motricialy-fallback-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.editor-grid{grid-template-columns:1fr}.preview-panel{border-bottom:1px solid #ece7f0;border-right:0}.controls-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;display:grid}.result-preview-block,.download-button,.download-status,.output-summary{grid-column:1/-1}}@media (width<=700px){.steps-grid,.features-grid,.explain-card{grid-template-columns:1fr}.motricialy-fallback-footer-inner{grid-template-columns:1fr;row-gap:30px;max-width:90%}.motricialy-fallback-footer-column{padding:0}}@media (width<=620px){.circle-crop-page{padding:0 14px 64px}.hero-section{padding:30px 0 22px}.hero-section h1{letter-spacing:-1.2px;margin-top:10px;font-size:clamp(32px,9.5vw,44px);line-height:1.06}.hero-section p{font-size:15px;line-height:1.58}.upload-card{border-radius:16px;min-height:290px;padding:32px 18px}.upload-card h2{font-size:19px}.upload-card p{font-size:13px}.workspace-topbar{align-items:flex-start;padding:12px 13px}.workspace-topbar .secondary-button{flex:none;padding-left:10px;padding-right:10px}.editor-stage{border-radius:16px}.preview-panel{padding:14px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:18px}.circle-editor-wrap{width:100%}.circle-editor-canvas{border-radius:13px}.editor-hint{font-size:11px}.preview-zoom{margin-top:11px;padding:12px}.zoom-meta{flex-direction:column;align-items:flex-start;gap:3px;font-size:12px}.controls-panel{padding:16px;display:block}.result-preview-checker{width:min(210px,72vw)}.control-section{padding:15px 0}.trust-row{justify-content:start;gap:8px;margin-top:15px;padding:0 4px;display:grid}.landing-section{margin-top:54px}.landing-section h2{font-size:26px}.section-label{font-size:10px}.section-underline{margin-bottom:20px}.steps-grid article,.features-grid article{min-height:0;padding:17px}.steps-grid article:hover,.features-grid article:hover,.related-card:hover{transform:none}.explain-card{gap:18px;padding:18px}.explain-circle{width:150px;height:150px}.explain-circle span{width:104px;height:104px}.faq-list details{padding:0 12px}.faq-list summary{min-height:58px;padding-right:34px;font-size:15px}.faq-list summary:after{right:12px}.faq-list p{padding-right:16px}.related-grid{grid-template-columns:1fr}.related-card{min-height:72px}.motricialy-fallback-footer-widgets{padding:30px 0}.motricialy-fallback-footer-brand img{width:300px!important;max-width:100%!important}.motricialy-fallback-footer-bottom-inner{max-width:90%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.steps-grid article:hover,.features-grid article:hover,.related-card:hover,.related-card:hover .related-arrow{transform:none!important}}
