:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#272d28;background:#f6f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #889c5e;outline-offset:4px}header{height:94px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.brand{text-decoration:none;color:inherit;font-size:32px;font-weight:700;letter-spacing:-3px;display:flex;align-items:center;gap:5px}.brand span{color:#7f8b69}.brand small{font-size:10px;letter-spacing:2px;margin-left:18px}.local{font-size:11px;color:#747b6c}.intro{text-align:center;margin:35px 0 32px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#82876f}h1{font-size:34px;font-weight:500;letter-spacing:1px;margin:16px 0 12px}.intro p{font-size:13px;color:#85867c}.workspace{max-width:800px;margin:auto;border:1px solid #dedfd5;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 16px 50px #313b2410}.stage{height:420px;background:#ebece5;display:flex;align-items:center;justify-content:center;position:relative;padding:28px;background-image:radial-gradient(#cdd0c6 1px,transparent 1px);background-size:16px 16px}.empty{text-align:center}.frame-icon{width:65px;height:65px;display:grid;place-items:center;border:1px solid #b7bdaa;border-radius:14px;color:#859072;font-size:27px;margin:0 auto 20px;transform:rotate(-5deg);background:#f4f5ef}h2{font-size:19px;font-weight:500;margin:0 0 10px}.empty p{font-size:12px;color:#808576;margin-bottom:24px}.primary{background:var(--color-accent);color:#fff;border:0;border-radius:8px;padding:13px 21px;font-size:13px;display:inline-flex;align-items:center;gap:30px}.primary:hover:not(:disabled){background:#475e42}.empty small{display:block;font-size:10px;color:#8d9186;margin-top:18px}canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 18px #0002;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}[hidden]{display:none!important}.replace{position:absolute;top:16px;left:16px;background:#ffffffe8;border:1px solid #dedfd5;border-radius:7px;padding:9px 12px;font-size:11px}.caption{position:absolute;bottom:10px;font-size:10px;color:#717767;background:#f6f5f1dc;padding:4px 10px;border-radius:4px}.tools{padding:20px 26px 22px}.tool-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.history{display:flex;gap:6px}.history button{width:32px;height:30px;background:#f5f5f1;border:1px solid #e6e7de;border-radius:6px;font-size:20px}.presets{display:flex;gap:8px;overflow-x:auto;padding:14px 0 18px}.preset{flex:1;min-width:89px;padding:12px 6px 10px;border:1px solid #e1e3d9;border-radius:8px;background:#fff;color:#4a5148;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:11px}.ratio-icon{height:25px;display:flex;align-items:center;justify-content:center}.ratio-icon i{display:block;border:1px solid currentColor;border-radius:2px}.preset small{font-size:9px;color:#91968a}.adjustments{display:flex;align-items:center;gap:22px;padding:16px 0;border-top:1px solid #eceee5;font-size:11px}.background{display:flex;align-items:center;gap:9px}.swatch{width:24px;height:24px;border-radius:50%;border:1px solid #d9dcd2}.white{background:#fff}.black{background:#111}.swatch.active{outline:1px solid #7c8c64;outline-offset:3px}.zoom{display:flex;align-items:center;gap:10px;flex:1}.zoom input{min-width:40px;flex:1;width:80px;accent-color:var(--color-control)}.zoom output{width:35px;color:#7f877a}.text-btn{border:0;background:none;color:#61734f;font-size:11px;padding:8px}.export-row{border-top:1px solid #eceee5;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#737c6c}.export-row small{color:#a1a699}.hint{text-align:center;color:#96998d;font-size:10px;margin:18px 0}#status{text-align:center;font-size:12px;color:#607149;min-height:18px}footer{max-width:1180px;margin:35px auto 20px;padding:0 32px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#a2a698}@media(max-width:600px){header{height:68px;padding:0 20px}.brand small{font-size:8px;margin-left:10px}.local{font-size:9px}.intro{margin:23px 0}h1{font-size:25px}.intro p{font-size:11px}.workspace{margin:0 12px;border-radius:14px}.stage{height:350px;padding:36px 20px}.tools{padding:16px}.presets{gap:7px}.preset{min-width:78px}.adjustments{gap:10px;flex-wrap:wrap}.zoom{gap:7px}.background{gap:8px}.text-btn{padding:6px 0}.primary{padding:12px 16px;gap:24px}footer{padding:0 20px;margin-top:25px}footer span:last-child{display:none}}@media(max-height:740px)and (max-width:600px){.stage{height:280px}.intro{margin:12px 0}.eyebrow{display:none}h1{margin:8px 0}.hint{margin:12px 0}}body:not(.editing) header{justify-content:center;height:auto;padding-top:9vh;flex-direction:column;gap:20px}body:not(.editing) .brand{font-size:100px;letter-spacing:-9px;flex-wrap:wrap;justify-content:center}body:not(.editing) .brand small{font-size:11px;letter-spacing:4px;flex-basis:100%;text-align:center;margin:10px 0 0}body:not(.editing) .local{display:none}body:not(.editing) .intro{margin:25px 0}body:not(.editing) .intro .eyebrow,body:not(.editing) .intro h1{display:none}body:not(.editing) .workspace{max-width:480px;margin:30px auto;border:1px dashed #bdc4b1;box-shadow:none;background:transparent}body:not(.editing) .stage{height:300px;background:none}body:not(.editing) .hint{display:none}body:not(.editing) footer{justify-content:center}body:not(.editing) footer span:last-child{display:none}body.editing{height:100dvh;overflow:hidden;background:#e7e8e1}body.editing>header,body.editing .intro,body.editing footer,body.editing .hint{display:none}body.editing main{height:100%;display:flex;flex-direction:column}body.editing .workspace{flex:1;min-height:0;width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}body.editing .stage{flex:1;min-height:0;height:auto;padding:0;background:#e7e8e1;background-image:none}body.editing canvas{box-shadow:none}body.editing .tools{flex-shrink:0;padding:12px max(16px,calc((100vw - 760px)/2)) max(12px,env(safe-area-inset-bottom));border-top:1px solid #dadcd2}body.editing .replace,body.editing .caption{display:none}.editor-header{height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;justify-content:space-between;background:#f6f5f1;flex-shrink:0;font-size:10px;letter-spacing:2px}.editor-header button{border:0;background:transparent;font-size:25px;width:44px;height:44px}.editor-note{font-size:10px;color:#929888;letter-spacing:0}body.editing #status{position:fixed;top:60px;left:16px;right:16px;pointer-events:none;margin:0;background:#f6f5f1ed;z-index:2}body.editing #status:empty{display:none}.history button{min-width:44px;height:40px}.swatch{width:28px;height:28px}.tool-heading>.text-btn{margin-left:auto;margin-right:15px;min-height:40px}.presets{padding:8px 0 12px}.preset{padding:8px 6px;min-width:76px}.adjustments{padding:10px 0}.export-row{padding-top:10px}@media(max-width:600px){body:not(.editing) .workspace{margin:26px 24px}body:not(.editing) .stage{height:280px}body:not(.editing) .intro{margin:20px 0 0}body:not(.editing) .brand{font-size:100px}body.editing .tools{padding-left:14px;padding-right:14px}.preset{min-width:68px;font-size:11px}.preset small{font-size:9px}.adjustments{gap:12px}.background>span{display:none}.export-row .primary{min-height:44px}.zoom{font-size:10px}.text-btn{min-height:44px}.presets{scrollbar-width:none}.presets::-webkit-scrollbar{display:none}}@media(max-height:500px)and (orientation:landscape){body.editing .workspace{flex-direction:row}body.editing .stage{flex:1}body.editing .tools{width:320px;padding:8px 12px;overflow:auto}.preset{min-width:60px}.editor-header{height:44px}.presets,.adjustments{padding:4px 0}}.brand,h1,h2,.editor-header>span:first-of-type{font-family:Space Grotesk,sans-serif}.brand{font-weight:500}button .icon{width:20px;height:20px;flex-shrink:0;display:block}.history button{display:grid;place-items:center;color:#43553c}.history button:disabled{opacity:1;color:#c2c7bc;background:transparent}.editor-header button{display:grid;place-items:center}.frame-icon .icon{width:28px;height:28px}.tool-heading>.text-btn{display:flex;align-items:center;gap:7px}.tool-heading>.text-btn .icon{width:16px;height:16px}.export-settings{display:flex;flex-direction:column;gap:5px;min-width:0}.export-settings label{font-size:9px;color:#848b7d}.export-settings select{font:500 11px Manrope,sans-serif;color:#364a34;background:#f5f6f0;border:1px solid #dfe3d8;border-radius:6px;padding:7px 22px 7px 8px;max-width:100%;min-height:32px}.export-settings #dimensions{font-size:10px}.export-row{gap:12px;align-items:center}.export-row .primary{gap:12px;white-space:nowrap}.export-row .icon{width:18px;height:18px}@media(max-width:600px){.export-row{padding-top:9px}.export-settings{gap:3px}.export-settings label{display:none}.export-row .primary{padding:12px 14px}}.border-row{display:flex;align-items:center;gap:12px;font-size:11px;padding:6px 0 12px}.border-row label{min-width:48px}.border-row input{flex:1;min-width:0;accent-color:var(--color-control)}.border-row output{min-width:35px;text-align:right;color:#7f877a}.border-row input,.zoom input{min-height:28px}@media(max-height:740px)and (max-width:600px){.preset{padding:5px 6px}.presets{padding:4px 0 8px}.adjustments{padding:4px 0}.border-row{padding:2px 0 7px}.export-settings select{min-height:28px}}:root{background:var(--color-page)}body.editing{background:#e5e6df}body.editing .stage{background:radial-gradient(ellipse at 20% 20%,#edece5,#dde2d8)}.editor-header{background:#faf9f5c7;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);border-bottom:1px solid #ffffffa6;z-index:2}.editor-header #export{width:auto;height:36px;font:600 11px Manrope,sans-serif;letter-spacing:0;padding:0 12px;border-radius:20px;background:#41543ded;color:#fff;display:flex;gap:7px;box-shadow:0 2px 8px #35483118}.editor-header>span{font-size:9px;letter-spacing:1.8px}.editor-header #back{color:#45513e}.editor-header #export:disabled{opacity:.4}body.editing .workspace{background:transparent;overflow:visible}body.editing .tools{background:#faf9f5db;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid #ffffffb3;border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -6px 30px #33412c0c;position:relative;z-index:1;padding-top:0}.expand-tools{width:100%;height:30px;display:flex;align-items:center;justify-content:center;position:relative;border:0;background:transparent;color:#88937f;touch-action:none}.sheet-grip{width:34px;height:3px;border-radius:4px;background:#abb4a28c;position:absolute;top:6px}.expand-tools .icon{width:16px;height:16px;margin-top:9px;transition:transform .25s}.expanded .expand-tools .icon{transform:rotate(180deg)}.tool-heading{touch-action:pan-x}.history button{border:1px solid #ffffffbf;background:#ffffff73;box-shadow:0 1px 3px #52634308;border-radius:12px}.preset{background:#ffffff63;border-color:#ffffffb8;border-radius:12px;box-shadow:0 1px 3px #52634308}.adjustments{border-color:#d9dfd17a;padding:6px 0}.more-tools{display:grid;grid-template-rows:0fr;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:max-height .25s ease,opacity .2s ease,visibility .25s;pointer-events:none}.tools.expanded .more-tools{display:block;max-height:160px;opacity:1;visibility:visible;pointer-events:auto}.border-row{border-top:1px solid #d9dfd17a;padding-top:10px}.export-row{border-color:#d9dfd17a;padding:10px 0 4px}.export-settings{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.export-settings label{display:block;font-size:11px}.export-settings select{justify-self:end;background:#ffffffa6;border-color:#dce1d6;border-radius:9px;min-height:36px}.export-settings #dimensions{grid-column:2;text-align:right}.primary{border-radius:14px}.swatch{box-shadow:0 1px 4px #303d2320}.tools .zoom input,.tools .border-row input{touch-action:pan-x}body.editing #status{border-radius:12px;background:#faf9f1db;backdrop-filter:blur(12px);padding:8px 12px;font-size:11px}@media(min-width:601px){body.editing .tools{padding-left:max(24px,calc((100vw - 760px)/2));padding-right:max(24px,calc((100vw - 760px)/2))}}@media(max-width:600px){.editor-header{padding-left:12px;padding-right:14px}.tools .presets{padding-bottom:8px}.preset{padding:7px 6px}.tools .adjustments{padding:4px 0}.tools .text-btn{min-height:38px}.tools .export-settings label{display:block}.tools .export-settings #dimensions{font-size:10px}.tools .export-settings select{font-size:11px}}@media(prefers-reduced-motion:reduce){.more-tools,.expand-tools .icon{transition:none}}@media(max-height:500px)and (orientation:landscape){body.editing .tools{border-radius:20px 0 0 20px}.tools.expanded .more-tools{max-height:180px}}body:not(.editing) .brand{flex-direction:column;gap:18px;letter-spacing:0}.brand-logo{display:block;width:112px;height:112px}.brand small{margin:0!important}#upload{position:relative;display:flex;align-items:center;justify-content:center;width:200px;min-height:48px;margin:0 auto;padding:13px 38px;gap:0}#upload .icon{position:absolute;right:15px;width:18px;height:18px}footer span{letter-spacing:0;font-size:11px;color:#8c9382}@media(max-width:600px){.brand-logo{width:104px;height:104px}}.brand-logo{width:84px;height:84px}body:not(.editing) .workspace{margin-top:32px}@media(max-width:600px){.brand-logo{width:84px;height:84px}body:not(.editing) .workspace{margin-top:32px}}body:not(.editing){min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:32px 0 76px;position:relative}body:not(.editing) header{padding-top:0;height:auto;flex:none;margin:0;width:100%}body:not(.editing) main{flex:none;width:100%}body:not(.editing) .workspace{margin-top:32px;margin-bottom:0}body:not(.editing) #status{margin:0;min-height:0}body:not(.editing) #status:not(:empty){margin-top:14px}body:not(.editing) footer{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:0;right:0;margin:0;max-width:none;padding:0 20px}@media(max-height:520px){body:not(.editing){padding-top:24px;padding-bottom:24px;justify-content:flex-start}body:not(.editing) footer{position:static;margin-top:28px}}.brand-logo{border-radius:18px;overflow:hidden}body:not(.editing) .workspace{background:#eeefeb;border:1px solid #e1e4dc;border-radius:20px}body:not(.editing) .stage{background:#eeefeb;background-image:none}body:not(.editing) .empty h2{margin-bottom:12px}body:not(.editing) .empty p{margin-bottom:26px}body:not(.editing) .workspace{background:var(--color-upload);border:1px dashed #c7cbbd}body:not(.editing) .stage{background:var(--color-upload)}.editor-brand{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Space Grotesk,sans-serif;white-space:nowrap}.editor-brand img{display:block;width:22px;height:22px;border-radius:5px;flex-shrink:0}.editor-brand span{font-size:9px;letter-spacing:1.5px}@media(max-width:350px){.editor-brand{gap:6px}.editor-brand span{font-size:8px;letter-spacing:1px}}.export-settings select{appearance:none;-webkit-appearance:none;padding:8px 34px 8px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2375826b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px}.expand-tools{height:44px;min-height:44px;width:100%;padding:0;border-radius:22px 22px 0 0}.sheet-grip{top:17px;height:4px;width:36px;pointer-events:none}.swatch{transition:outline-color .2s,box-shadow .2s,transform .2s}.swatch:active{transform:scale(.9)}.preset{transition:background-color .18s,border-color .18s,color .18s}.primary{transition:background-color .18s,box-shadow .18s,transform .18s}.primary:active:not(:disabled){transform:scale(.97)}::view-transition-old(root){animation:welcome-out .18s ease-out both}::view-transition-new(root){animation:editor-in .28s cubic-bezier(.22,1,.36,1) both}@keyframes welcome-out{to{opacity:0;transform:scale(.985)}}@keyframes editor-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.swatch,.preset,.primary{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}}.editor-header{border-bottom:0}body:not(.editing){background-color:var(--color-page);background-image:linear-gradient(rgba(52,71,53,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(52,71,53,.035) 1px,transparent 1px),linear-gradient(rgba(52,71,53,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(52,71,53,.018) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center center}body:not(.editing) .workspace{box-shadow:0 8px 28px #34473506}body.editing{background-color:var(--color-page);background-image:linear-gradient(rgba(52,71,53,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(52,71,53,.035) 1px,transparent 1px),linear-gradient(rgba(52,71,53,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(52,71,53,.018) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:center center}body.editing .stage{background:transparent}.editor-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}body.editing .tools{box-shadow:0 -6px 30px var(--shadow-sheet-color)}:root{--color-accent:#344735;--color-accent-hover:#435b3f;--color-page:#f5f3ee;--color-upload:#fff6f6;--color-control:#5f744e;--color-ink:#272d28;--color-muted:#7f877a;--color-tool:rgba(255,255,255,.62);--color-tool-border:rgba(111,128,98,.16);--color-tool-hover:#eaf0e2;--color-disabled:#a9b09f;--radius-pill:999px;--radius-control:12px;--radius-panel:22px;--size-touch:44px;--size-icon:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--shadow-sheet-color:rgba(51,65,44,.067);--shadow-tool:0 1px 3px rgba(52,71,53,.06);--motion-fast:.18s;--focus-ring:0 0 0 3px rgba(95,116,78,.28)}.primary,#upload,.editor-header #export{border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;border:1px solid transparent;min-height:var(--size-touch);font-family:Manrope,sans-serif;font-weight:600;box-shadow:var(--shadow-tool);transition:background-color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}.primary:hover:not(:disabled),#upload:hover:not(:disabled),.editor-header #export:hover:not(:disabled){background:var(--color-accent-hover)}.editor-header #export{height:var(--size-touch);padding:0 var(--space-3);gap:var(--space-2)}.tool-button,.history button,.tool-heading>.text-btn,#reset{min-height:var(--size-touch);height:var(--size-touch);border-radius:var(--radius-control);border:1px solid var(--color-tool-border);background:var(--color-tool);color:var(--color-accent);box-shadow:var(--shadow-tool);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);font:500 11px Manrope,sans-serif;transition:background-color var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast)}.history button{width:var(--size-touch);padding:0}.history button .icon,.tool-button .icon{width:var(--size-icon);height:var(--size-icon)}.tool-heading>.text-btn{margin-left:auto;margin-right:var(--space-2)}#reset{padding:0 var(--space-3)}.tool-button:hover:not(:disabled),.history button:hover:not(:disabled),#reset:hover:not(:disabled){background:var(--color-tool-hover)}.tool-button:active:not(:disabled),.history button:active:not(:disabled),#reset:active:not(:disabled){transform:scale(.95)}.tool-button:disabled,.history button:disabled,#reset:disabled{opacity:1;color:var(--color-disabled);background:#ffffff47;border-color:#6f806214;box-shadow:none}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--color-control);outline-offset:3px}.preset{border-radius:var(--radius-control)}.export-settings select{border-radius:var(--radius-control);min-height:var(--size-touch)}body.editing .tools,.expand-tools{border-radius:var(--radius-panel) var(--radius-panel) 0 0}.editor-header{height:calc(60px + env(safe-area-inset-top))}.tool-heading{gap:var(--space-2)}.adjustments{gap:var(--space-3)}@media(max-width:350px){.tool-heading>.text-btn{padding:0 var(--space-2)}.tool-heading{gap:var(--space-1)}.editor-brand span{letter-spacing:.5px}.adjustments{gap:var(--space-2)}}@media(prefers-reduced-motion:reduce){.primary,#upload,.editor-header #export,.tool-button,.history button,#reset{transition:none}}:root{--size-button-sm:36px;--size-button-md:44px;--size-button-lg:48px}.tool-button,.history button,.tool-heading>.text-btn,#reset{min-width:var(--size-button-md)}#upload{min-height:var(--size-button-lg)}.editor-header #export{height:var(--size-button-sm);min-height:var(--size-button-sm);min-width:var(--size-button-sm);position:relative;padding:0 var(--space-3);font-size:11px}.editor-header #export:before{content:"";position:absolute;inset:-4px 0;border-radius:inherit}.editor-header #export .icon{width:16px;height:16px}.preset{border-radius:8px;background:#fff;border:1px solid #e1e3d9;box-shadow:none;color:#4a5148}.preset.active{background:#f0f3e9;border-color:#7c8c64;color:var(--color-accent)}:root{--color-tool:#fff}.tool-button,.history button,.tool-heading>.text-btn,#reset{background:#fff}.tool-button:disabled,.history button:disabled,#reset:disabled{background:#fff}.export-settings select{background-color:#fff}:root{--color-tool:rgba(255,255,255,.62)}.tool-button,.history button,.tool-heading>.text-btn,#reset{background:var(--color-tool)}.tool-button:disabled,.history button:disabled,#reset:disabled{background:#ffffff47}.preset{background:#ffffff63;border-color:#ffffffb8;box-shadow:0 1px 3px #52634308}.export-settings select{background-color:#ffffffa6}.preset{background:#ffffffad;border-color:#6f806233;box-shadow:0 1px 3px #3447350a}.preset.active{background:#e5ecdac7;border-color:#a7b995}:root{--toolbar-row-padding:12px}body.editing .tools .tool-heading,body.editing .tools .adjustments,body.editing .tools .border-row,body.editing .tools .export-row,body.editing .tools .presets{padding-block:var(--toolbar-row-padding)}body.editing .tools .more-tools.expanded{padding:0}.tools.expanded .more-tools{max-height:220px}body.editing .tools{padding-bottom:0}body.editing .tools{height:auto;max-height:72dvh;overflow:hidden;transition:height .22s cubic-bezier(.22,1,.36,1);flex-shrink:0}.tools.dragging{transition:none!important}.sheet-content{max-height:calc(72dvh - 44px);overflow-y:auto;scrollbar-width:none}.sheet-content::-webkit-scrollbar{display:none}body.editing .tools .more-tools{display:block;max-height:none;opacity:1;visibility:visible;overflow:visible;pointer-events:auto;transition:none}.tool-heading,.expand-tools{touch-action:none}.sheet-content{opacity:var(--sheet-content-opacity,1)}.tools .expand-tools{flex-shrink:0}.toast{position:fixed;z-index:20;top:72px;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);width:max-content;display:flex;align-items:center;gap:16px;padding:12px 16px;background:#faf9f1ed;backdrop-filter:blur(18px);border:1px solid #dfe3d5;border-radius:14px;box-shadow:0 4px 20px #34473518;color:#43553c;font-size:12px;text-align:left}.toast>span:last-child{font-size:20px}body.editing #status,body:not(.editing) #status{position:static;background:none;backdrop-filter:none;padding:0;margin:0;min-height:0;font-size:inherit;pointer-events:auto}input[type=range]{appearance:none;-webkit-appearance:none;height:36px;background:transparent;cursor:pointer;margin:0;--range-progress:0%}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--color-control) var(--range-progress),#d9ded1 var(--range-progress))}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7.5px;background:#fff;border:1px solid #98a888;border-radius:50%;box-shadow:0 2px 5px #34473526}input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--color-control) var(--range-progress),#d9ded1 var(--range-progress))}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#fff;border:1px solid #98a888;border-radius:50%;box-shadow:0 2px 5px #34473526}input[type=range]:disabled{opacity:.4}dialog{width:min(360px,calc(100vw - 32px));padding:26px;border:1px solid #fff;border-radius:22px;background:#faf9f4;color:var(--color-ink);box-shadow:0 20px 80px #34473533}dialog::backdrop{background:#26332455;backdrop-filter:blur(5px)}dialog h2{font-size:20px}dialog p{font-size:12px;color:var(--color-muted);line-height:1.6}dialog button{width:100%;margin-top:10px;justify-content:center;min-height:44px}@media(prefers-reduced-motion:reduce){body.editing .tools{transition:none}}body.editing .tools .adjustments{padding-inline:4px}.background,.background .swatch{flex-shrink:0}.zoom,.zoom input{min-width:0}.sheet-content{padding-inline:4px;margin-inline:-4px}.theme-control{position:absolute;top:18px;right:20px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--color-muted);z-index:3}.theme-control select{font:500 11px Manrope,sans-serif;background:var(--color-tool);color:var(--color-ink);border:1px solid var(--color-tool-border);border-radius:10px;padding:7px 9px;min-height:36px}body.editing .theme-control{top:auto;bottom:50px;right:12px;opacity:.9}body.editing .theme-control>select{max-width:85px}body.editing .theme-control{font-size:0}:root[data-theme=dark]{color-scheme:dark;--color-page:#161e1a;--color-upload:#202b24;--color-accent:#b5cba3;--color-accent-hover:#cadcbb;--color-control:#a7c48d;--color-ink:#e3eadd;--color-muted:#a3b09b;--color-tool:rgba(53,67,55,.75);--color-tool-border:rgba(189,207,175,.2);--color-tool-hover:#40533e;--color-disabled:#73836d;--shadow-sheet-color:rgba(0,0,0,.25);background:var(--color-page);color:var(--color-ink)}[data-theme=dark] body:not(.editing),[data-theme=dark] body.editing{background-color:var(--color-page);background-image:linear-gradient(rgba(184,209,166,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(184,209,166,.045) 1px,transparent 1px),linear-gradient(rgba(184,209,166,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(184,209,166,.022) 1px,transparent 1px)}[data-theme=dark] body:not(.editing) .workspace{background:var(--color-upload);border-color:#64765c}[data-theme=dark] body:not(.editing) .stage{background:var(--color-upload)}[data-theme=dark] .brand-logo,[data-theme=dark] .editor-brand img{filter:brightness(0) saturate(100%) invert(85%) sepia(12%) saturate(475%) hue-rotate(47deg) brightness(92%)}[data-theme=dark] .brand,[data-theme=dark] h2,[data-theme=dark] .tool-heading,[data-theme=dark] .adjustments,[data-theme=dark] .border-row{color:var(--color-ink)}[data-theme=dark] .empty p,[data-theme=dark] .empty small,[data-theme=dark] footer span,[data-theme=dark] .zoom output,[data-theme=dark] .border-row output{color:var(--color-muted)}[data-theme=dark] .primary,[data-theme=dark] #upload,[data-theme=dark] .editor-header #export{color:#1b291c;background:var(--color-accent)}[data-theme=dark] .editor-header #back{color:var(--color-ink)}[data-theme=dark] body.editing .tools{background:#1e2821eb;border-color:#b5cba326;box-shadow:0 -6px 30px var(--shadow-sheet-color)}[data-theme=dark] .sheet-grip{background:#819176}[data-theme=dark] .tool-button,[data-theme=dark] .history button,[data-theme=dark] .tool-heading>.text-btn,[data-theme=dark] #reset{background:var(--color-tool);border-color:var(--color-tool-border);color:var(--color-ink)}[data-theme=dark] .tool-button:disabled,[data-theme=dark] .history button:disabled{color:var(--color-disabled);background:#243027}[data-theme=dark] .preset{background:#354337bf;border-color:var(--color-tool-border);color:#d0ddc5}[data-theme=dark] .preset.active{background:#445b37;border-color:#8faa78;color:#eff6e9}[data-theme=dark] .preset small{color:#a7b59f}[data-theme=dark] .adjustments,[data-theme=dark] .border-row,[data-theme=dark] .export-row{border-color:#b5cba326}[data-theme=dark] .export-settings select{background-color:#2e3c30;color:var(--color-ink);border-color:var(--color-tool-border)}[data-theme=dark] .toast,[data-theme=dark] dialog{background:#243027;color:var(--color-ink);border-color:#53684a}[data-theme=dark] input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-control) var(--range-progress),#475341 var(--range-progress))}[data-theme=dark] input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--color-control) var(--range-progress),#475341 var(--range-progress))}[data-theme=dark] input[type=range]::-webkit-slider-thumb{background:#d9e6cd;border-color:#b5cba3}[data-theme=dark] input[type=range]::-moz-range-thumb{background:#d9e6cd;border-color:#b5cba3}body.editing .theme-control{position:static;font-size:11px;opacity:1;display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--color-tool-border)}body.editing .theme-control select{max-width:none}:root{--motion-enter:.28s;--motion-exit:.18s;--ease-enter:cubic-bezier(.22,1,.36,1);--ease-exit:cubic-bezier(.4,0,1,1)}button.theme-control,body.editing button.theme-control{width:36px;height:36px;min-width:36px;padding:0;border:1px solid var(--color-tool-border);background:var(--color-tool);border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;color:var(--color-ink);font-size:inherit;opacity:1;transition:background-color var(--motion-fast),transform var(--motion-fast)}button.theme-control .icon{width:18px;height:18px}button.theme-control:active{transform:scale(.92)}body.editing button.theme-control{position:static;margin-left:auto;margin-right:8px;border-top:1px solid var(--color-tool-border)}.editor-header .editor-brand{margin-left:8px}dialog{background:#faf9f4d9;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);border:1px solid rgba(255,255,255,.65)}[data-theme=dark] dialog{background:#243027db;border-color:#b5cba33d}dialog[open]{animation:dialog-enter var(--motion-enter) var(--ease-enter) both}dialog[open]::backdrop{animation:backdrop-enter var(--motion-enter) ease-out both}dialog[open].closing{animation:dialog-exit var(--motion-exit) var(--ease-exit) both}dialog[open].closing::backdrop{animation:backdrop-exit var(--motion-exit) ease-in both}@keyframes dialog-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes backdrop-exit{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop,dialog[open].closing,dialog[open].closing::backdrop{animation:none}button.theme-control{transition:none}}@media(max-width:380px){.editor-brand span{font-size:8px;letter-spacing:.5px}.editor-header .editor-brand{margin-left:0}.editor-header{gap:4px}}body.editing button.theme-control{display:none}.editor-header #newPhoto{margin-left:auto;margin-right:8px;min-width:36px;width:36px;height:36px;min-height:36px;padding:0;position:relative}.editor-header #newPhoto:before{content:"";position:absolute;inset:-4px 0;border-radius:inherit}.editor-header #newPhoto .icon{width:18px;height:18px}@media(max-width:380px){.editor-brand span{font-size:7px;letter-spacing:.4px}.editor-brand{gap:5px}.editor-header #newPhoto{margin-right:4px}}:root{--color-tool-solid:#fff}:root[data-theme=dark]{--color-tool-solid:#2e3c30}.tool-button.tool-button--solid,[data-theme=dark] .tool-button.tool-button--solid{background:var(--color-tool-solid);border-color:var(--color-tool-border)}.tool-button.tool-button--solid:hover:not(:disabled){background:var(--color-tool-hover)}.tool-button.tool-button--pill{border-radius:var(--radius-pill)}.dialog-title{display:flex;align-items:center;gap:12px;line-height:1.3}.ready-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#5f744e1f;color:var(--color-control)}.ready-icon svg{width:22px;height:22px}.ready-icon path{stroke-dasharray:24;stroke-dashoffset:0}dialog[open]:not(.closing) .ready-icon{animation:ready-enter .38s var(--ease-enter) both}dialog[open]:not(.closing) .ready-icon path{animation:ready-check .3s ease-out calc(var(--motion-enter) + 40ms) both}@keyframes ready-enter{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes ready-check{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){dialog[open]:not(.closing) .ready-icon,dialog[open]:not(.closing) .ready-icon path{animation:none}}.framed-count{font:400 11px Manrope,sans-serif;color:var(--color-muted);margin:14px 0 0;text-align:center;letter-spacing:.1px}body:not(.editing) header{gap:0}body:not(.editing) .brand{gap:18px}body:not(.editing) .framed-count{margin:18px 0 0}body.editing .framed-count{display:none}body:not(.editing) header .framed-count{margin:14px 0 0}:root{--safe-bottom:env(safe-area-inset-bottom,0px)}body.editing .tools{padding-bottom:var(--safe-bottom);max-height:calc(72dvh + var(--safe-bottom))}.sheet-content{max-height:calc(72dvh - 44px)}body:not(.editing) .theme-control{top:calc(18px + env(safe-area-inset-top,0px));right:calc(20px + env(safe-area-inset-right,0px))}body.editing .editor-header{padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(14px + env(safe-area-inset-right,0px))}body.editing .tools{padding-left:calc(14px + env(safe-area-inset-left,0px));padding-right:calc(14px + env(safe-area-inset-right,0px))}.toast{top:calc(72px + env(safe-area-inset-top,0px))}body:not(.editing){padding-top:calc(32px + env(safe-area-inset-top,0px));padding-bottom:calc(76px + var(--safe-bottom))}.sheet-content{max-height:none;overflow:hidden;min-height:0}body.editing .tools{max-height:72dvh}