@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_dbbf8c4b-module__5qCx7q__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_dbbf8c4b-module__5qCx7q__variable{--font-geist:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_3342dced-module__ksAy2q__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_3342dced-module__ksAy2q__variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--ink:#081638;--muted:#59657d;--accent:#1554f6;--accent-dark:#0d3fd1;--line:#dce3f0;--soft:#f4f7ff;--warn:#fff8ee;--danger:#b42318;--radius:16px;--shadow:0 18px 50px #08163814}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-geist),Arial,sans-serif;background:#fff;margin:0;font-size:16px;line-height:1.6}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #68b7ff}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header,.site-footer{border-bottom:1px solid var(--line);align-items:center;max-width:1440px;margin:auto;padding:20px clamp(24px,5vw,72px);display:flex}.site-header{min-height:72px}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:20px;font-weight:720;display:inline-flex}.brand-mark{width:27px;height:27px;display:inline-block;position:relative}.brand-mark i{border-color:var(--accent);border-style:solid;width:9px;height:9px;position:absolute}.brand-mark i:first-child{border-width:2px 0 0 2px;top:0;left:0}.brand-mark i:nth-child(2){border-width:2px 2px 0 0;top:0;right:0}.brand-mark i:nth-child(3){border-width:0 0 2px 2px;bottom:0;left:0}.brand-mark i:nth-child(4){border-width:0 2px 2px 0;bottom:0;right:0}.site-header nav,.site-footer nav{gap:34px;margin-left:auto;font-weight:600;display:flex}.site-header nav a,.site-footer nav a{border-bottom:2px solid #0000;padding:8px 0}.site-header nav a:hover,.site-footer nav a:hover{color:var(--accent);border-color:var(--accent)}.site-footer{border-top:1px solid var(--line);border-bottom:0;flex-wrap:wrap;gap:30px}.site-footer p{width:100%;color:var(--muted);margin:0;font-size:14px}.workspace-shell{max-width:1440px;margin:auto;padding:32px clamp(24px,5vw,72px) 64px}.workspace-intro{text-align:center;margin-bottom:26px}.workspace-intro h1,.guide-hero h1{letter-spacing:-.055em;margin:0 0 12px;font-size:clamp(40px,5vw,68px);line-height:1.02}.workspace-intro p,.guide-hero>div>p{color:var(--muted);margin:0;font-size:18px}.dropzone{border-radius:var(--radius);min-height:310px;color:var(--accent);background:linear-gradient(#fff,#fbfcff);border:2px dashed #91adff;flex-direction:column;justify-content:center;align-items:center;gap:15px;transition:border-color .2s,background .2s,transform .2s;display:flex}.dropzone.is-dragging{border-color:var(--accent);background:var(--soft);transform:scale(1.006)}.dropzone strong{color:var(--ink);font-size:22px}.dropzone span{color:var(--muted);font-size:14px}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:10px 20px;font-weight:680;display:inline-flex}.button:disabled{opacity:.48;cursor:not-allowed}.button-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px #1554f62e}.button-primary:hover:not(:disabled){background:var(--accent-dark)}.button-secondary{border-color:var(--line);color:var(--ink);background:#fff}.button-secondary:hover:not(:disabled){background:#f9fbff;border-color:#9ba9c2}.inline-button{width:max-content;margin-top:25px}.editor-grid{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.preview-panel,.controls{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.preview-panel{min-width:0;padding:20px}.preview-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.preview-grid figure{min-width:0;margin:0}.preview-grid figcaption{justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.preview-grid figcaption span{color:var(--muted);font-size:14px}.canvas-frame{background:repeating-conic-gradient(#eef2f8 0 25%,#fff 0 50%) 50%/20px 20px;aspect-ratio:16/10;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.canvas-frame:before,.canvas-frame:after{content:"";z-index:2;width:30px;height:30px;position:absolute}.canvas-frame:before{filter:drop-shadow(0 0 1px #1554f6);border-top:3px solid #fff;border-left:3px solid #fff;top:12px;left:12px}.canvas-frame:after{filter:drop-shadow(0 0 1px #1554f6);border-bottom:3px solid #fff;border-right:3px solid #fff;bottom:12px;right:12px}.canvas-frame canvas{object-fit:contain;width:100%;height:100%;display:block}.distortion-note{background:var(--warn);text-align:center;color:#5f4b2e;border:1px solid #f3d8af;border-radius:9px;margin-top:16px;padding:12px 16px;font-size:14px}.controls{flex-direction:column;gap:18px;padding:20px;display:flex}.controls fieldset{border:0;margin:0;padding:0}.controls legend,.range-label,.color-label,.dimension-row label{font-size:14px;font-weight:680}.dimension-row{grid-template-columns:1fr 44px 1fr;align-items:end;gap:8px;display:grid}.dimension-row label span{color:var(--muted);font-weight:500}.dimension-row input{border:1px solid #cfd7e6;border-radius:8px;width:100%;min-height:44px;margin-top:6px;padding:8px;display:block}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--accent);background:#fff;border-radius:8px;place-items:center;display:grid}.icon-button[aria-pressed=true]{background:var(--accent);color:#fff}.segment{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.format-segment{grid-template-columns:repeat(3,1fr)}.segment button{min-height:44px;color:var(--ink);background:#fff;border:1px solid #cfd7e6;border-radius:8px;font-size:13px;font-weight:650}.segment button[aria-pressed=true]{color:var(--accent);border:2px solid var(--accent);background:#f6f8ff}.range-label{grid-template-columns:1fr auto;gap:4px;display:grid}.range-label output{color:var(--muted)}.range-label input{width:100%;accent-color:var(--accent);grid-column:1/-1}.color-label{justify-content:space-between;align-items:center;display:flex}.color-label input{border:1px solid var(--line);background:#fff;width:54px;height:36px;padding:2px}.error-message{color:var(--danger);background:#fff1f0;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.control-actions{gap:9px;display:grid}.control-actions>.button{width:100%}.secondary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.secondary-actions .button{padding-inline:10px;font-size:13px}.error-state{text-align:center;color:var(--danger);margin:18px auto}.workflow-steps{color:var(--muted);justify-content:center;gap:45px;margin:0;padding:22px 0 0;list-style:none;display:flex}.workflow-steps li{align-items:center;gap:8px;display:flex}.workflow-steps span{border:1px solid var(--accent);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;font-size:13px;display:grid}.home-explainer,.mode-explainer,.limits-section,.faq-section{border-top:1px solid var(--line);max-width:1296px;margin:auto;padding:80px clamp(24px,5vw,72px)}.section-heading,.mode-explainer,.limits-section{grid-template-columns:minmax(250px,.8fr) 2fr;gap:60px;display:grid}.section-number{font-family:var(--font-mono);color:var(--accent);margin:0 0 8px;font-size:13px}.home-explainer h2,.mode-explainer h2,.limits-section h2,.faq-section h2,.guide-page h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,42px);line-height:1.12}.section-heading p:not(.section-number),.mode-explainer p,.limits-section p{color:var(--muted)}.steps-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;display:grid}.steps-grid article{padding:32px 34px 0 0}.steps-grid article+article{border-left:1px solid var(--line);padding-left:34px}.steps-grid article>span{font-family:var(--font-mono);color:var(--accent)}.steps-grid h3{margin:14px 0 5px;font-size:22px}.steps-grid p{color:var(--muted);margin:0}.mode-copy h3{margin:0 0 2px;font-size:21px}.mode-copy p{margin:0 0 26px}.limits-section a{color:var(--accent);font-weight:680}.faq-section{grid-template-columns:.8fr 2fr;gap:60px;display:grid}.faq-section details,.troubleshooting details{border-bottom:1px solid var(--line);padding:18px 0}.faq-section summary,.troubleshooting summary{cursor:pointer;font-weight:680}.faq-section details p,.troubleshooting details p{color:var(--muted);margin:10px 0 0}.guide-page{max-width:1440px;margin:auto}.guide-page>section{padding:70px clamp(24px,5vw,72px)}.guide-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:500px;display:grid}.guide-hero h1{font-size:clamp(50px,6vw,78px)}.geometry-visual{border:1px solid #b9caf8;border-radius:14px;place-items:center;min-height:310px;display:grid;position:relative}.geometry-visual:before,.geometry-visual:after{content:"";width:25px;height:25px;position:absolute}.geometry-visual:before{border-top:3px solid var(--accent);border-left:3px solid var(--accent);top:-16px;left:-16px}.geometry-visual:after{border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);bottom:-16px;right:-16px}.picture-shape{background:#edf3ff;border:1px dashed #9bb5fa;width:65%;height:50%;position:relative;overflow:hidden}.picture-shape:before,.picture-shape:after{content:"";background:#b9cdfd;width:58%;height:80%;position:absolute;bottom:-20%;transform:rotate(45deg)}.picture-shape:before{left:4%}.picture-shape:after{background:#91aff8;right:-4%}.picture-shape i{z-index:2;background:#a6bffd;border-radius:50%;width:24px;height:24px;position:absolute;top:18%;left:25%}.arrow-horizontal,.arrow-vertical{color:var(--accent);font-size:28px;position:absolute}.arrow-horizontal{top:2%;left:50%}.arrow-vertical{top:46%;left:-7%}.comparison-section{border-bottom:1px solid var(--line);grid-template-columns:250px 1fr;gap:50px;display:grid}.comparison-section>div>p,.sizes-section>div>p,.formats-section>div>p,.troubleshooting>div>p{color:var(--muted)}.comparison-grid{grid-template-columns:repeat(3,1fr);display:grid}.comparison-grid article{border-left:1px solid var(--line);padding:0 28px}.comparison-grid h3{font-size:16px}.comparison-grid p{color:var(--muted);font-size:14px}.mini-diagram{color:var(--accent);align-items:center;gap:12px;display:flex}.mini-image{background:#dbe6ff;border:1px solid #7197f9;width:48px;height:38px}.mini-image.wide{width:80px}.mini-image.small{width:38px;height:30px}.mini-image.crop{outline:2px dashed var(--accent);outline-offset:4px}.guide-band{background:var(--soft);border-block:1px solid #dae4ff;grid-template-columns:1.5fr .7fr;gap:60px;display:grid}.numbered-method{counter-reset:steps;margin:30px 0 0;padding:0;list-style:none}.numbered-method li{padding-left:52px;position:relative}.numbered-method li:before{counter-increment:steps;content:counter(steps);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid;position:absolute;top:2px;left:0}.numbered-method li:not(:last-child):after{content:"";border-left:1px dashed #8fabf3;position:absolute;top:34px;bottom:-4px;left:14px}.numbered-method p{color:var(--muted);margin:5px 0 22px}.method-card{background:#fff;border:1px solid #bfd0fb;border-radius:14px;grid-template-columns:1fr 1fr;align-self:center;gap:12px;padding:24px;display:grid}.method-card label{font-size:13px}.method-card label span{border:1px solid var(--line);border-radius:7px;margin-top:5px;padding:9px;font-size:16px;display:block}.method-card .button{grid-column:1/-1;margin-top:8px}.sizes-section,.formats-section,.troubleshooting{border-bottom:1px solid var(--line);grid-template-columns:250px 1fr;gap:50px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:570px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 16px}th{color:var(--muted);font-size:13px}.guide-copy{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;display:grid}.guide-copy p,.advice-list p{color:var(--muted)}.advice-list article{padding:0 0 18px 44px;position:relative}.advice-list article:before{content:"";border:2px solid var(--accent);border-radius:50%;width:24px;height:24px;position:absolute;top:5px;left:0}.advice-list h3{margin:0;font-size:18px}.advice-list a{color:var(--accent);font-weight:680}.format-list{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.format-list strong{clip-path:polygon(0 0,75% 0,100% 22%,100% 100%,0 100%);width:58px;height:68px;font-family:var(--font-mono);border:1px solid #93a5c7;place-items:center;display:grid}.format-list p{color:var(--muted)}.guide-cta{background:var(--soft);border:1px solid #d8e3ff;justify-content:space-between;align-items:center;gap:30px;margin:20px clamp(24px,5vw,72px) 70px;display:flex;padding:36px!important}.guide-cta p{color:var(--muted);margin:4px 0 0}@media (max-width:900px){.editor-grid,.preview-grid{grid-template-columns:1fr}.controls{order:-1}.section-heading,.mode-explainer,.limits-section,.faq-section,.guide-hero,.comparison-section,.guide-band,.sizes-section,.guide-copy,.formats-section,.troubleshooting,.comparison-grid,.format-list{grid-template-columns:1fr}.comparison-grid article{border-left:0;border-top:1px solid var(--line);padding:20px 0}.geometry-visual{min-height:260px}.steps-grid{grid-template-columns:1fr}.steps-grid article+article{border-left:0;padding-left:0}.steps-grid article{border-bottom:1px solid var(--line);padding-bottom:24px}.guide-cta{flex-direction:column;align-items:flex-start}}@media (max-width:560px){body{font-size:15px}.site-header{padding:15px 18px}.brand{font-size:17px}.site-header nav{gap:14px;font-size:14px}.site-header nav a:first-child{display:none}.workspace-shell{padding:25px 16px 45px}.workspace-intro h1{font-size:39px}.workspace-intro p{font-size:16px}.dropzone{text-align:center;min-height:255px;padding:20px}.preview-panel,.controls{padding:14px}.dimension-row{grid-template-columns:1fr 44px 1fr}.secondary-actions{grid-template-columns:1fr}.workflow-steps{gap:14px;font-size:13px}.home-explainer,.mode-explainer,.limits-section,.faq-section,.guide-page>section{padding:54px 20px}.guide-hero h1{font-size:45px}.method-card{grid-template-columns:1fr}.method-card .button{grid-column:auto}.guide-cta{margin:10px 16px 50px;padding:24px!important}.site-footer{padding:24px 18px}.site-footer nav{gap:14px}.site-footer p{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.controls-disabled-scope{display:contents}