@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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}:root{color:#171920;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171920;--muted:#6e7480;--line:#d9dce5;--panel:#fafbfc;--paper:#fff;--work:#e9ecf2;--blue:#4255ff;--blue-dark:#2f3fe0;--coral:#ff715b;--mint:#bff4d2;background:#eef0f5;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.app-shell{background:var(--work);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fafbfcf5;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:68px;padding:0 18px 0 22px;display:grid;position:relative}.brand{width:max-content;color:var(--ink);letter-spacing:-.04em;align-items:center;gap:10px;font:720 22px/1 Bricolage Grotesque Variable,sans-serif;text-decoration:none;display:inline-flex}.brand-mark{width:27px;height:24px;display:inline-block;position:relative}.brand-mark i{border:1.5px solid var(--ink);background:#fff;width:15px;height:18px;position:absolute}.brand-mark i:first-child{top:4px;left:0;transform:rotate(-8deg)}.brand-mark i:nth-child(2){background:var(--coral);top:2px;left:6px;transform:rotate(3deg)}.brand-mark i:nth-child(3){background:var(--blue);top:0;left:11px;transform:rotate(8deg)}.privacy-note{color:#4f5664;letter-spacing:-.01em;align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.top-actions{justify-self:end;gap:8px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:13px;font-weight:680;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 5px 14px #4255ff33}.button-primary:hover:not(:disabled){background:var(--blue-dark)}.button-ghost{background:var(--paper);border-color:var(--line)}.button-ghost:hover:not(:disabled){background:#f5f6f8;border-color:#b9beca}.editor-grid{grid-template-columns:292px minmax(360px,1fr) 284px;height:calc(100vh - 68px);display:grid;overflow:hidden}.panel{background:var(--panel);scrollbar-width:thin;scrollbar-color:#c5c9d3 transparent;z-index:2;padding:24px 20px;position:relative;overflow-y:auto}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel section+section{border-top:1px solid var(--line);margin-top:29px;padding-top:27px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;display:flex}.section-heading>span{letter-spacing:-.015em;font:690 14px/1.2 Bricolage Grotesque Variable,sans-serif}.section-heading small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:650}.ratio-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ratio-grid button{border:1px solid var(--line);background:var(--paper);color:#707683;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;height:66px;display:flex}.ratio-grid button i{border:1.5px solid;border-radius:1px;max-width:31px;height:20px;display:block}.ratio-grid button span{font:650 10px/1 Inter Variable,sans-serif}.ratio-grid button:hover{border-color:#aeb4c1}.ratio-grid button.is-active{border-color:var(--blue);color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f0f2ff}.layout-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.layout-option{border:1px solid var(--line);background:var(--paper);color:#59606e;cursor:pointer;border-radius:9px;gap:7px;min-width:0;padding:10px 9px 9px;font-size:10px;font-weight:630;display:grid}.layout-option:hover{border-color:#aeb4c1}.layout-option.is-active{color:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f2f3ff}.layout-mini{aspect-ratio:1.25;background:#e8eaf0;border-radius:3px;width:100%;display:block;overflow:hidden}.layout-mini polygon{fill:#c3c7d1}.layout-option.is-active .layout-mini{background:#dfe2ff}.layout-option.is-active .layout-mini polygon{fill:#8190ff}.layout-group+.layout-group{margin-top:14px}.layout-group h3{letter-spacing:.07em;text-transform:uppercase;color:#8b92a1;margin:0 0 7px;font-size:9.5px;font-weight:700}.local-only{color:#365b43;background:#edf9f1;border:1px solid #d4ecdc;border-radius:10px;align-items:flex-start;gap:10px;margin-top:28px;padding:12px;display:flex}.local-only svg{flex:none;margin-top:1px}.local-only p{margin:0;font-size:10.5px;line-height:1.5}.local-only strong{font-weight:720}.workspace{background-color:var(--work);background-image:radial-gradient(circle,#585f6f29 .7px,#0000 .8px);background-size:16px 16px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:52px 36px 34px;display:flex;position:relative;overflow:hidden}.workspace:after{content:"Drop to fill";color:var(--blue);border:2px dashed var(--blue);opacity:0;pointer-events:none;z-index:6;background:#eceeffeb;border-radius:18px;place-items:center;font:720 18px/1 Bricolage Grotesque Variable,sans-serif;transition:opacity .12s;display:grid;position:absolute;inset:18px}.workspace.is-dragging:after{opacity:1}.canvas-caption{color:#777d89;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font:620 10px/1 Inter Variable,sans-serif;display:flex;position:absolute;top:19px;left:30px;right:30px}.canvas-frame{background:#fff;flex:none;transition:width .18s,height .18s;position:relative;box-shadow:0 24px 60px #1b1e2a2e,0 2px 8px #1b1e2a17}.canvas-frame canvas{display:block}.crop{pointer-events:none;z-index:3;width:14px;height:14px;position:absolute}.crop:before,.crop:after{content:"";background:#7c8290;position:absolute}.crop:before{width:14px;height:1px}.crop:after{width:1px;height:14px}.crop-tl{top:-22px;left:-22px}.crop-tr{top:-22px;right:-22px;transform:rotate(90deg)}.crop-br{bottom:-22px;right:-22px;transform:rotate(180deg)}.crop-bl{bottom:-22px;left:-22px;transform:rotate(270deg)}.drop-prompt{color:var(--ink);cursor:pointer;z-index:4;background:#fffffff5;border:1px solid #d9dce5;border-radius:11px;align-items:center;gap:11px;padding:12px 15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px #16192221}.drop-prompt svg{color:var(--blue)}.drop-prompt span{text-align:left;gap:2px;display:grid}.drop-prompt strong{font-size:12px;font-weight:720}.drop-prompt small{color:var(--muted);font-size:10px}.workspace-hint{color:#737a87;margin:0;font-size:10.5px;position:absolute;bottom:9px}.photo-controls{gap:15px;display:grid}.range-label{gap:10px;display:grid}.range-label>span{color:#555c69;justify-content:space-between;font-size:11px;font-weight:640;display:flex}.range-label output{color:var(--blue);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer}.control-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.control-row button,.remove-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;font-size:11px;font-weight:650;display:flex}.control-row button:hover{border-color:#aeb4c1}.remove-button{color:#a2382a;background:#fff8f6;border-color:#f0d2cd;width:100%}.remove-button:hover{border-color:#dc9d93}.empty-control{color:#5a6170;cursor:pointer;background:#f2f3f6;border:1px dashed #c5c9d2;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:78px;display:flex}.empty-control span{text-align:left;gap:3px;display:grid}.empty-control strong{color:var(--ink);font-size:11.5px}.empty-control small{font-size:9.5px}.swatches{flex-wrap:wrap;gap:9px;display:flex}.swatch-custom{border:2px solid var(--panel);width:31px;height:31px;box-shadow:0 0 0 1px var(--line);cursor:pointer;background-clip:padding-box;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.swatch-custom:after{content:"";opacity:.85;mix-blend-mode:multiply;background:conic-gradient(#ff715b,#ffd166,#6fe3a1,#4255ff,#b95bff,#ff715b);position:absolute;inset:0}.swatch-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.control-row button.is-active{color:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f2f3ff}.separator-section .photo-controls{gap:14px}.separator-mode{margin:0 0 13px}.range-label>span{gap:10px}.swatches button{color:#fff;border:2px solid var(--panel);width:31px;height:31px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.swatches button:first-child{color:var(--ink)}.swatches button.is-active{box-shadow:0 0 0 2px var(--blue)}.output-section{margin-top:auto}.format-switch{background:#e9ebf0;border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:9px;padding:3px;display:grid}.format-switch button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:6px;height:30px;font-size:10.5px;font-weight:700}.format-switch button.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #1b1e2a1a}.output-download,.output-share{width:100%}.output-share{margin-top:7px}.share-card{color:#f7f8fa;z-index:30;background:#171920;border:1px solid #2b2f39;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;width:min(570px,100vw - 30px);min-height:72px;padding:12px 12px 12px 14px;animation:.22s ease-out both rise;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #14161d4d}.share-icon{color:#11131a;background:var(--mint);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.share-card>div:nth-child(2){gap:3px;display:grid}.share-card strong{font:680 12px/1.2 Bricolage Grotesque Variable,sans-serif}.share-card small{color:#aeb3be;font-size:10px}.share-card>button:not(.share-close){color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:11px;font-weight:680;display:flex}.share-close{color:#aeb3be;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}.notice{color:#fff;z-index:40;border-radius:9px;max-width:min(440px,100vw - 30px);padding:10px 14px;font-size:11.5px;font-weight:630;animation:.18s ease-out both rise-top;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #13161e33}.notice-good{background:#17623b}.notice-bad{background:#9d3427}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes rise-top{0%{opacity:0;transform:translate(-50%,-6px)}}@media (width<=1050px){.editor-grid{grid-template-columns:244px minmax(340px,1fr) 240px}.panel{padding:21px 15px}.workspace{padding-left:30px;padding-right:30px}}@media (width<=820px){body{overflow:auto}.topbar{grid-template-columns:1fr auto;height:62px;padding:0 12px 0 15px;position:sticky;top:0}.privacy-note,.top-actions .button-ghost{display:none}.top-actions .button{min-height:38px;padding-inline:12px}.editor-grid{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 62px);overflow:visible}.workspace{border-bottom:1px solid var(--line);order:-1;height:min(68vh,640px);min-height:430px}.panel{border:0;overflow:visible}.left-panel{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.35fr;gap:24px;display:grid}.left-panel section+section{border-top:0;border-left:1px solid var(--line);margin:0;padding:0 0 0 24px}.local-only{display:none}.right-panel{grid-template-columns:1.2fr .8fr 1fr;gap:22px;display:grid}.right-panel section+section{border-top:0;border-left:1px solid var(--line);margin:0;padding:0 0 0 22px}}@media (width<=600px){.brand{font-size:20px}.top-actions .button{width:41px;padding:0;font-size:0}.top-actions .button svg{width:18px;height:18px}.workspace{height:57vh;min-height:390px;padding:48px 28px 32px}.canvas-caption{left:16px;right:16px}.left-panel,.right-panel{padding:21px 16px;display:block}.left-panel section+section,.right-panel section+section{border-left:0;border-top:1px solid var(--line);margin-top:24px;padding:23px 0 0}.layout-grid{scroll-snap-type:x mandatory;grid-template-columns:repeat(4,minmax(82px,1fr));padding-bottom:5px;overflow-x:auto}.layout-option{scroll-snap-align:start}.right-panel{padding-bottom:90px}.share-card{grid-template-columns:auto 1fr auto}.share-card>button:not(.share-close){grid-column:2/4;justify-content:center;width:100%}.share-close{grid-area:1/3}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}