/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--font-weight-medium:500;--font-weight-bold:700;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.hidden{display:none}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.w-fit{width:fit-content}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-transparent{border-color:#0000}.bg-\[\#3f8f45\]{background-color:#3f8f45}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#2f6f36\]{--tw-gradient-from:#2f6f36;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#24968a\]{--tw-gradient-via:#24968a;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#2f6f36\]{--tw-gradient-to:#2f6f36;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.px-2{padding-inline:calc(var(--spacing) * 2)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-\[\#52624a\]{color:#52624a}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-black\/10{--tw-ring-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.ring-black\/10{--tw-ring-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ring-inset{--tw-ring-inset:inset}}:root{--bg:#f6f7f0;--bg-grad:radial-gradient(ellipse 70% 50% at 15% -10%, #4f9d4f24, transparent 60%), radial-gradient(ellipse 60% 45% at 100% 10%, #2fa89c1f, transparent 60%);--panel:#ffffffad;--panel-solid:#fff;--panel-solid-2:#eef1e7;--border:#1e32191f;--text:#1b2a18;--text-dim:#52624a;--text-faint:#82927a;--accent:#3f8f45;--accent-dim:#2f6f36;--accent-rgb:63, 143, 69;--accent-2:#24968a;--accent-2-dim:#1c766d;--accent-2-rgb:36, 150, 138;--gold:#b3ad1f;--gold-rgb:179, 173, 31;--danger:#c1583f;--glass-blur:blur(16px);--glass-shadow:0 1px 1px #3c5a320d, 0 12px 32px #3c5a321f, inset 0 1px 0 #fffc, inset 0 0 0 1px #ffffff80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Public Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg-grad), var(--bg);color:var(--text);margin:0;overflow:hidden}.glass-panel{background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.app-shell{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);box-shadow:var(--glass-shadow);z-index:20;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 14px;display:flex;position:relative}.home-btn{width:32px;height:32px;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.home-btn:hover{color:var(--text);border-color:var(--accent)}.home-btn svg{width:16px;height:16px}.app-title{white-space:nowrap;margin:0;font-family:Outfit,Public Sans,sans-serif;font-size:.95rem;font-weight:600}.app-body{flex:1;min-height:0;display:flex}.tool-rail{background:var(--panel);width:56px;-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border);flex-direction:column;flex:none;align-items:center;gap:4px;padding:10px 0;display:flex;overflow-y:auto}.tool-btn{width:38px;height:38px;color:var(--text-dim);border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative}.tool-btn svg{width:18px;height:18px}.tool-btn:hover{color:var(--text);background:#1e32190f}.tool-btn.active{color:#fff;background:var(--accent);box-shadow:0 2px 10px rgba(var(--accent-rgb),.4)}.tool-rail-sep{background:var(--border);flex:none;width:28px;height:1px;margin:4px 0}.canvas-area{background:linear-gradient(45deg,#1e32190d 25%,#0000 25% 75%,#1e32190d 75%) 0 0/24px 24px,linear-gradient(45deg,#1e32190d 25%,#0000 25% 75%,#1e32190d 75%) 12px 12px/24px 24px,#dfe3d5;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.canvas-stage{flex:none;position:relative}.canvas-stage svg.doc-svg{display:block;box-shadow:0 8px 40px #1e321938,0 0 0 1px #1e32191a}.canvas-stage.panning{cursor:grabbing}.overlay-layer{pointer-events:none;position:absolute;inset:0}.select-box{border:1.5px solid var(--accent);background:rgba(var(--accent-rgb), .08);pointer-events:none;position:absolute}.marquee-box{border:1px dashed var(--accent-2);background:rgba(var(--accent-2-rgb), .12);pointer-events:none;position:absolute}.handle{border:1.5px solid var(--accent);pointer-events:auto;background:#fff;border-radius:2px;width:9px;height:9px;margin:-5px 0 0 -5px;position:absolute}.handle.rotate{background:var(--gold);cursor:grab;border-color:#fff;border-radius:50%;width:11px;height:11px;margin:-6px 0 0 -6px}.text-edit-overlay{border:1.5px dashed var(--accent);color:inherit;resize:none;pointer-events:auto;background:0 0;outline:none;padding:0;font-family:inherit;line-height:1.2;position:absolute}.right-panel{background:var(--panel);width:280px;-webkit-backdrop-filter:var(--glass-blur);border-left:1px solid var(--border);flex-direction:column;flex:none;display:flex;overflow:hidden}.panel-tab-list{border-bottom:1px solid var(--border);flex:none;gap:5px;padding:10px 10px 9px;display:flex}.panel-tab-trigger{text-align:center;letter-spacing:.02em;color:var(--text-dim);border:1px solid var(--border);background:#1e321905;border-radius:8px;flex:1;padding:7px 8px;font-size:.76rem;font-weight:600;transition:color .15s,border-color .15s;position:relative;overflow:hidden}.panel-tab-trigger:hover{color:var(--text);border-color:rgba(var(--accent-rgb), .4)}.panel-tab-trigger.active{color:#fff;border-color:#0000}.panel-tab-indicator{z-index:0;border-radius:inherit;background:linear-gradient(120deg, var(--accent) 0%, var(--accent-2) 100%);box-shadow:0 3px 12px rgba(var(--accent-rgb), .35);position:absolute;inset:0}.panel-tab-label{z-index:1;position:relative}.panel-scroll{flex:1;padding:12px;overflow-y:auto}.field-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.field-row label{width:64px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:.72rem;overflow:hidden}.field-row input[type=text],.field-row input[type=number],.field-row select,.field-row textarea{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:#1e32190b;border-radius:6px;flex:1;padding:5px 7px;font-size:.78rem}.field-row input[type=number]{-moz-appearance:textfield}.field-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-row input[type=color]{border:1px solid var(--border);background:0 0;border-radius:6px;width:30px;height:26px;padding:0}.field-row input[type=range]{flex:1}.field-row-bg{justify-content:space-between}.field-row-bg label{text-overflow:clip;white-space:nowrap;width:auto;overflow:visible}.field-row .field-val{width:34px;color:var(--text-dim);text-align:right;flex:none;font-size:.72rem}.panel-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:14px 0 8px;font-size:.7rem}.panel-section-title:first-child{margin-top:0}.grid-2{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.empty-hint{color:var(--text-dim);text-align:center;padding:20px 4px;font-size:.8rem;line-height:1.5}.layers-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.layers-toolbar{border-top:1px solid var(--border);background:#1e321908;flex:none;align-items:center;gap:4px;height:34px;padding:0 6px;display:flex}.layers-toolbar button{width:24px;height:24px;color:var(--text-dim);border-radius:6px;justify-content:center;align-items:center;display:flex}.layers-toolbar button:hover{color:#fff;background:var(--accent)}.layers-toolbar button svg{width:15px;height:15px}.layer-row{cursor:default;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;margin-bottom:3px;padding:6px 8px;display:flex}.layer-row:hover{background:#1e32190d}.layer-row.selected{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.35)}.layer-row .layer-icon{width:15px;height:15px;color:var(--text-dim);flex:none}.layer-row .layer-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);background:0 0;border:none;flex:1;font-size:.8rem;overflow:hidden}.layer-row .layer-name:focus{outline:1px solid var(--accent);border-radius:3px}.layer-row button.icon-btn{width:22px;height:22px;color:var(--text-dim);border-radius:5px;flex:none;justify-content:center;align-items:center;display:flex}.layer-row button.icon-btn:hover{color:var(--text);background:#1e321912}.layer-row button.icon-btn svg{width:13px;height:13px}.layer-row.dim .layer-name{color:var(--text-dim)}.sortable-ghost{opacity:.35}.sortable-drag{opacity:.9}.btn-sm{color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;background:#1e321905;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;display:inline-flex}.btn-sm:hover{color:var(--text);border-color:var(--accent)}.btn-sm:disabled{opacity:.35;pointer-events:none}.btn-sm svg{width:14px;height:14px}.btn-upload{color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;isolation:isolate;background:#ffffff80;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:.78rem;font-weight:600;display:inline-flex;position:relative}.btn-upload:before{content:"";border-radius:inherit;background:linear-gradient(120deg, transparent, rgba(var(--accent-2-rgb), .65), transparent);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:-1;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:opacity .2s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn-upload:hover{color:var(--text);box-shadow:0 4px 14px rgba(var(--accent-2-rgb), .18);background:#ffffffd9}.btn-upload:hover:before{opacity:1}.btn-upload:disabled{opacity:.4;pointer-events:none}.btn-upload svg{width:14px;height:14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.btn-upload:hover svg{transform:scale(1.15)translateY(-1px)}.btn-primary{color:#fff;background:var(--accent);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:11px 16px;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--accent-dim);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary svg{width:14px;height:14px}.zoom-group{align-items:center;gap:4px;display:flex}.zoom-group button{width:26px;height:26px;color:var(--text-dim);border:1px solid var(--border);background:#1e321905;border-radius:8px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.zoom-group button:hover{color:var(--text);border-color:rgba(var(--accent-rgb), .4);background:#1e321912}.zoom-group button svg{width:14px;height:14px}.zoom-group .zoom-val{color:var(--text-dim);text-align:center;width:42px;font-size:.72rem}.divider-v{background:var(--border);flex:none;width:1px;height:22px}.spacer{flex:1}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel-solid);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:14px;width:380px;max-height:86vh;padding:20px;overflow-y:auto}.modal-card h2{margin:0 0 14px;font-size:1rem}.preset-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.preset-btn{text-align:left;border:1px solid var(--border);background:#1e321905;border-radius:8px;padding:8px 10px;font-size:.76rem}.preset-btn:hover{border-color:var(--accent)}.preset-btn.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.12)}.preset-btn .preset-dim{color:var(--text-dim);margin-top:2px;font-size:.68rem;display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.export-slider-row{color:var(--text-dim);justify-content:space-between;margin-bottom:4px;font-size:.72rem;display:flex}.export-slider-row span:last-child{color:var(--text);font-variant-numeric:tabular-nums}.dropzone-active:after{content:"Drop image to add to canvas";border:2px dashed var(--accent);background:rgba(var(--accent-rgb),.08);color:var(--text);pointer-events:none;z-index:5;border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:8px}.toast{background:var(--panel-solid);border:1px solid var(--border);box-shadow:var(--glass-shadow);z-index:200;border-radius:9px;padding:9px 16px;font-size:.8rem;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e321929;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#1e321942}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}