:root{--blue:#1874e8;--navy:#102b52;--muted:#63778f;--ink:#1d2b3d;--border:#e2eaf4;--bg:#f6faff;--shadow:0 14px 40px rgba(22,67,123,.07);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:#086bcf}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip{position:absolute;left:1rem;top:-100px;background:#fff;padding:12px;z-index:50}.skip:focus{top:12px}:focus-visible{outline:3px solid #1185ff!important;outline-offset:3px}.shell{width:min(1440px,calc(100% - 56px));margin-inline:auto}.site-header{background:rgba(255,255,255,.95);border-bottom:1px solid var(--border);position:relative;z-index:2}.nav{height:70px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;text-decoration:none;color:#162944;white-space:nowrap;font-size:19px;letter-spacing:-.65px;font-weight:600}.brand strong{font-weight:800}.brand-p{display:inline-flex;align-items:center;justify-content:center;background:#d9edff;color:#1475e7;border-radius:11px;width:35px;height:35px;margin-right:9px;font-size:23px;font-weight:800}.brand-p span{color:#419ff5}.nav nav{margin-left:auto;display:flex;gap:26px}.nav nav a{color:#4a5a6b;font-weight:600;font-size:13px;text-decoration:none}.pill,.privacy,.tag{border:1px solid #d8eafa;background:#f1f8ff;color:#1567b4;padding:7px 11px;border-radius:100px;white-space:nowrap;font-size:11px;font-weight:700}.hero{padding:53px 0 40px}.eyebrow,.kicker{color:#3889e5;letter-spacing:.13em;font-weight:800;font-size:11px;margin:0 0 12px}.pill{margin-left:9px;letter-spacing:0}.hero h1{margin:0;font-size:clamp(34px,4.1vw,58px);letter-spacing:-.055em;line-height:1.08;color:#0d2950}.hero h1 span{color:#348bff}.hero p{max-width:745px;color:#5f7388;font-size:16px;line-height:1.7;margin:18px 0}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;color:#365778;font-size:12px;font-weight:700}.hero-tags span{padding:8px 11px;border:1px solid #dfecfa;border-radius:100px;background:#fff}.studio{padding-bottom:55px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 17px}.section-title h2{font-size:27px;letter-spacing:-.04em;margin:0;color:#17385b}.studio-grid{display:grid;grid-template-columns:minmax(310px,402px) minmax(0,1fr);align-items:start;gap:22px}.control-column,.workspace{display:grid;gap:16px;min-width:0}.panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:19px}.panel-heading h3,.stage-top h3{font-size:17px;color:#153454;margin:0 0 4px;letter-spacing:-.025em}.panel-heading p{font-size:12px;color:#7b8a9b;line-height:1.5;margin:0}.step{display:flex;align-items:center;justify-content:center;flex:none;width:33px;height:33px;border-radius:11px;background:#e7f3ff;color:#1376e9;font-size:13px;font-weight:800}.label{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:700;color:#48607a;margin:14px 0 8px}.label:first-child{margin-top:0}input[type=file],input[type=number],input[type=text],select{width:100%;max-width:100%;min-width:0;border:1px solid #dbe6f2;background:#fbfdff;color:#294056;border-radius:10px;padding:10px;font-size:12px}input[type=file]{overflow:hidden;white-space:normal}input[type=color]{width:100%;height:36px;border:1px solid #dbe6f2;border-radius:9px;background:#fff;padding:4px}input[type=range]{width:100%;accent-color:var(--blue)}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 13px;border-radius:10px;border:1px solid #dce7f3;font-size:12px;font-weight:750;line-height:1.25;text-align:center;min-width:0}.btn.primary{background:#2186ed;border-color:#2186ed;color:#fff;box-shadow:0 4px 12px #1b85f72c}.btn.secondary{background:#eff7ff;color:#126bba;border-color:#cfe6fb}.btn.ghost{background:#fff;color:#38516e}.btn.wide{width:100%;margin-top:10px}.file-button{cursor:pointer}.micro{font-size:11px;line-height:1.6;color:#73869b;margin:10px 0 0;overflow-wrap:anywhere}.check{display:flex;gap:8px;align-items:center;font-size:12px;color:#576b80;margin:12px 0;line-height:1.45}.check input{accent-color:var(--blue)}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preset{min-width:0;min-height:87px;border-radius:12px;border:1px solid #e1e9f4;background:#fff;color:#526982;font-size:11px;font-weight:750;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center}.preset[aria-pressed=true]{border:2px solid #228af2;background:#eef7ff;color:#096ac6}.preview-icon{position:relative;display:block;width:49px;height:30px;background:linear-gradient(135deg,#c6dff9,#83baeb);border:1px solid #a6ccef;border-radius:4px;flex:none}.preview-icon:after{content:"";position:absolute;right:3px;bottom:3px;width:16px;height:14px;background:#187bcd;border:2px solid #fff}.circle-icon:after{border-radius:100%;height:17px}.rounded-icon:after{border-radius:6px}.floating-icon:after{width:26px;height:20px;right:9px;bottom:4px;border-radius:5px}.sidebar-icon:after{right:0;top:0;bottom:0;height:auto;width:14px;border:0}.pip-icon:after{border-radius:3px}.stage-panel{padding:22px}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-status{font-size:11px;font-weight:800;border-radius:50px;padding:7px 10px;background:#e8f7ed;color:#23764b}.stage-backdrop{margin-top:17px;background:#0c1c31;border:1px solid #d1dfef;padding:14px;border-radius:16px;display:flex;justify-content:center;align-items:center;min-height:250px;overflow:hidden}#stage{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;aspect-ratio:16/9;box-shadow:0 12px 32px #06182b75;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}.stage-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.stage-toolbar .check{margin:0 0 0 auto}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.stat-grid div{display:grid;gap:5px;background:#f5faff;border-radius:10px;padding:12px;min-width:0}.stat-grid strong{font-size:12px;overflow-wrap:anywhere;color:#15467c}.stat-grid span{font-size:11px;color:#8395a7}.tip-panel{background:#fafdff}.tip-panel h3{font-size:21px;margin:0 0 7px;color:#1c3853}.faq p,.guide article p,.tip-panel p{font-size:13px;color:#688096;line-height:1.7}.tip-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tip-grid strong{font-size:12px;color:#39516e}.tip-grid p{font-size:12px;margin:4px 0}.notice{padding:13px 16px;margin-bottom:17px;border-radius:12px;background:#eaf7ff;border:1px solid #cee9ff;color:#125d98;font-size:13px}.notice.error{background:#fff2f0;border-color:#f1c9c0;color:#92372e}.guide{padding:32px 0 65px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide article{background:#fff;padding:24px;border-radius:17px;border:1px solid var(--border)}.guide article span{font-size:11px;color:#2776c7;font-weight:800}.guide article h3{margin:14px 0 6px;font-size:18px;color:#243f5d}.faq{max-width:950px;margin:35px auto 0}.faq h3{color:#183e65}.faq details{background:#fff;border:1px solid #e3eaf3;border-radius:11px;padding:15px 17px;margin-bottom:10px}.faq summary{cursor:pointer;font-size:13px;font-weight:700;color:#364f6d}.site-footer{border-top:1px solid var(--border);padding:28px 0;background:#fff}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:12px;color:#8092a5}.busy{position:fixed;inset:0;z-index:99;background:#06162ac4;display:grid;place-items:center;padding:20px}.busy[hidden],[hidden]{display:none!important}.busy-card{background:#fff;width:min(400px,100%);padding:38px 25px;border-radius:22px;text-align:center}.busy-card h2{font-size:27px;margin:16px 0 9px;color:#183960}.busy-card p{color:#5e7286;font-size:13px}.spinner{height:42px;width:42px;border:4px solid #d4e8ff;border-top-color:#2c8ef2;border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.studio-grid{grid-template-columns:minmax(0,1fr)}.workspace{grid-row:1}.control-column{grid-template-columns:repeat(2,minmax(0,1fr))}.export-panel{grid-column:span 2}}@media(max-width:680px){.shell{width:calc(100% - 28px)}.nav{height:auto;min-height:64px;flex-wrap:wrap;gap:10px;padding:11px 0}.nav nav{gap:11px;margin-left:auto}.nav nav a{font-size:11px}.privacy{display:none}.hero{padding:35px 0 25px}.hero p{font-size:14px}.section-title h2{font-size:23px}.control-column{grid-template-columns:1fr}.export-panel{grid-column:span 1}.panel{padding:17px}.stage-backdrop{padding:5px;min-height:200px}.guide-grid{grid-template-columns:1fr}.tip-grid{grid-template-columns:1fr}.stat-grid strong{font-size:11px}.presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.nav nav a:last-child{display:none}.panel{padding:13px}.stage-panel{padding:13px}.stage-toolbar .check{margin-left:0}.two{gap:8px}}.panel.drag-active{outline:3px dashed #2899fc;outline-offset:3px;background:#f2f9ff}.file-button.disabled{opacity:.48;pointer-events:none}#stage{aspect-ratio:auto;min-height:0}.crop-tools{padding:15px;margin:16px 0;border:1px solid #dceaf7;background:#f8fbff;border-radius:14px}.crop-tools .crop-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.crop-tools .crop-heading strong{font-size:12px;color:#19416e}.crop-tools .crop-heading .btn{padding:7px 10px;font-size:11px}.crop-tools .micro{margin-top:6px}.precision-tools{padding:14px;margin:14px 0;border:1px solid #d7e6fa;background:#f8fbff;border-radius:13px}.precision-tools .crop-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.precision-tools .crop-heading strong{font-size:12px;color:#19416e}.precision-tools .crop-heading .micro{margin:0}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.four input{min-width:0;width:100%;padding:8px;border:1px solid #cedfee;border-radius:9px;background:#fff;font-variant-numeric:tabular-nums}.precision-tools .button-row .btn{padding:8px 10px}.audio-mix{margin:8px 0}.audio-mix input{width:100%}.panel :is(button,input,select):focus-visible{outline:3px solid #1874e8;outline-offset:2px}@media(max-width:400px){.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.hero{padding-top:22px;padding-bottom:18px}.hero h1{font-size:clamp(27px,3.2vw,43px)}.hero p{margin:8px 0 11px;font-size:14px}.hero-tags span{padding:5px 9px}