.image-editor{min-width:0}.editor-actions,.editor-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.image-editor button,.editor-upload,.image-editor select{min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #b9c9c0;border-radius:7px;padding:8px 12px}.image-editor button:disabled{opacity:.45;cursor:default}.image-editor button:hover:not(:disabled),.editor-upload:hover{background:#e9f4ee}.image-editor :focus-visible{outline-offset:3px;outline:3px solid #16805d}.editor-upload{align-items:center;display:inline-flex;position:relative;overflow:hidden}.editor-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.editor-workspace{grid-template-columns:minmax(0,1fr) 240px;gap:20px;margin-top:20px;display:grid}.editor-main{min-width:0}.editor-tools{margin-bottom:12px}.editor-tools label{align-items:center;gap:6px;display:flex}.editor-stage{background:repeating-conic-gradient(#eef0ee 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px solid #cbd5ce;border-radius:8px;width:100%;min-height:180px;overflow:hidden}.editor-stage .canvas-container{touch-action:none;max-width:100%}.editor-properties{border:1px solid #d2ddd5;border-radius:8px;align-self:start;padding:14px}.editor-properties h2,.editor-qr h2{margin:0 0 12px;font-size:17px}.editor-properties fieldset{border:0;min-width:0;margin:0;padding:0}.editor-properties label,.editor-qr label{margin-bottom:12px;display:block}.editor-properties textarea,.editor-qr textarea,.editor-qr input:not([type=checkbox]){box-sizing:border-box;width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #bccac1;border-radius:6px;padding:9px;display:block}.editor-properties input[type=range]{width:100%;min-height:40px;display:block}.editor-properties input[type=color]{width:100%;height:40px;display:block}.editor-help{color:#52675c;font-size:13px;line-height:1.6}.editor-qr{border:1px solid #bdcdc2;border-radius:8px;max-width:650px;margin-top:20px;padding:20px}.image-editor [hidden]{display:none!important}.editor-properties .editor-actions{margin:12px 0}.image-editor [data-editor-status]{overflow-wrap:anywhere;min-height:24px}@media (width<=800px){.editor-workspace{grid-template-columns:minmax(0,1fr)}.editor-properties{width:auto}.editor-properties .editor-actions button{flex:1}.editor-stage{min-height:120px}}.workbench.with-sidebar main:has(>.image-editor){width:calc(100% - 48px);max-width:1280px;margin-top:32px}.editor-notice{color:#52675c;margin:12px 0 16px;font-size:12px}.editor-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-workspace{grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:16px;margin-top:12px}.editor-main{flex-direction:column;display:flex}.editor-tools{gap:6px}.editor-tools>button,.editor-tools>label,.editor-tools summary{padding:8px 10px;font-size:13px}.editor-stage{min-height:360px;max-height:600px;position:relative;overflow:auto}.editor-stage[data-loaded=true]{min-height:0}.editor-stage .canvas-container{max-width:none;margin:auto}.editor-stage [data-empty]{text-align:center;padding:60px 16px}.editor-stage [data-empty] h2{margin-bottom:18px;font-size:20px}.editor-stage [data-empty] p{color:#52675c;font-size:12px}.editor-stage[data-loaded=false] .canvas-container{display:none}.editor-view{justify-content:center;align-items:center;gap:8px;padding-top:12px;display:flex}.editor-view output{text-align:center;font-variant-numeric:tabular-nums;min-width:52px}.editor-view button{min-height:40px}.editor-properties{background:#fafcf9;padding:16px}.editor-properties h3{color:#52675c;margin:18px 0 8px;font-size:12px}.editor-properties [data-selection]{font-size:13px;line-height:1.7}.editor-properties .editor-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.editor-properties .editor-angles{grid-template-columns:repeat(3,1fr)}.editor-properties button{padding:7px 8px;font-size:12px}.editor-properties output{float:right;font-size:12px}.editor-popover{position:relative}.editor-popover summary{box-sizing:border-box;cursor:pointer;border:1px solid #b9c9c0;border-radius:7px;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;list-style:none;display:flex}.editor-popover summary::-webkit-details-marker{display:none}.editor-popover-content{z-index:20;background:#fff;border:1px solid #cbd5ce;border-radius:8px;gap:6px;min-width:180px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #183f2318}.editor-export .editor-popover-content{width:230px;left:auto;right:0}.editor-export summary{color:#fff;background:#16805d;font-weight:600}.editor-export summary[aria-disabled=true]{opacity:.45;cursor:default}.editor-export button{text-align:left}.editor-export small{color:#52675c;margin-top:4px;font-size:11px;display:block}.editor-icon-grid{grid-template-columns:1fr 1fr;width:240px}.editor-popover-content button{font-size:13px}.editor-status{color:#52675c;margin:8px 0;font-size:12px;min-height:20px!important}.editor-side{min-width:0}.editor-qr-panel{width:auto;max-width:none;color:inherit;background:#fafcf9;border:1px solid #bdcdc2;border-radius:8px;margin:0;padding:0;position:static;inset:auto}.editor-qr{border:0;max-width:none;margin:0;padding:16px}.editor-qr p{color:#52675c;margin:6px 0 12px;font-size:12px;line-height:1.6}.editor-qr select{width:100%;font-size:12px}.editor-qr label{font-size:13px}.editor-panel-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.editor-panel-heading h2{margin:0}.editor-panel-heading button{border:0;font-size:22px}.editor-qr [data-qr-error]{color:#b03025}.editor-qr [data-qr-preview]{justify-items:center;gap:12px;margin-top:16px;display:grid}.editor-qr [data-qr-preview] img{background:#fff;max-width:100%}.editor-qr [data-qr-insert]{color:#fff;background:#16805d;width:100%}.editor-qr::backdrop{background:#1a292455}@media (width<=800px){.workbench.with-sidebar main:has(>.image-editor){width:calc(100% - 32px);margin-top:28px}.editor-workspace{grid-template-columns:minmax(0,1fr)}.editor-topbar{gap:8px}.editor-topbar .editor-actions{gap:6px}.editor-topbar button,.editor-topbar label,.editor-topbar summary{padding:8px 10px;font-size:12px}.editor-main .editor-tools{order:3;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0 0;display:grid}.editor-tools>button,.editor-tools>label,.editor-tools summary{justify-content:center;padding:8px 4px;font-size:12px}.editor-tools .editor-popover-content{top:auto;bottom:calc(100% + 6px)}.editor-icon-grid{width:230px;left:50%;transform:translate(-50%)}.editor-stage{min-height:300px;max-height:55dvh}.editor-stage[data-loaded=true]{min-height:0}.editor-help{margin:8px 0 0;font-size:11px}.editor-properties{padding:14px}.editor-qr-panel[open]{box-sizing:border-box;width:100%;max-width:none;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);z-index:100;border-radius:16px 16px 0 0;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto}.editor-qr{padding:16px 20px}.editor-export .editor-popover-content{left:0;right:auto}.editor-properties [data-text-properties]{scroll-margin-top:16px}}@media (width>=801px){.editor-qr-panel[open]{max-height:min(680px,70dvh);overflow-y:auto}}.editor-qr-panel::backdrop{background:#1a292455}@media (width>=1101px){.workbench.with-sidebar main:has(>.image-editor){width:calc(100% - 32px);max-width:1100px}.image-editor .editor-stage{max-height:clamp(420px,100dvh - 300px,900px)}.image-editor .editor-stage[data-loaded=false]{min-height:min(440px,55dvh)}.image-editor .editor-topbar{justify-content:flex-start;column-gap:24px}.image-editor .editor-export{margin-inline-start:auto}.image-editor .editor-properties{padding:18px}}@media (width>=801px) and (width<=1100px){.image-editor .editor-workspace{grid-template-columns:minmax(0,1fr)}.image-editor .editor-stage{max-height:65dvh}.image-editor .editor-side{width:100%}.image-editor .editor-properties fieldset{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.image-editor .editor-properties [data-text-properties]{grid-column:1/-1}}.image-editor .editor-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.image-editor .editor-side{width:100%}.image-editor .editor-properties{background:0 0;border:0;border-top:1px solid #d2ddd5;border-radius:0;padding:16px 0}.image-editor .editor-properties:has([data-properties][hidden]){border:0;padding:0}.image-editor .editor-properties:has([data-properties][hidden]) [data-property-title]{display:none}.image-editor .editor-properties [data-selection]{color:#52675c;margin:0;font-size:12px}.image-editor .editor-properties fieldset{grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:12px 24px;display:grid}.image-editor .editor-properties [data-text-properties],.image-editor .editor-property-style{grid-column:1/-1}.image-editor .editor-property-style{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px 20px;display:grid}.image-editor .editor-properties label{margin-bottom:0;font-size:13px}.image-editor .editor-properties [data-text-properties]{grid-template-columns:minmax(240px,2fr) 1fr 1fr;align-items:center;gap:8px 20px;margin-bottom:8px;display:grid}.image-editor [data-text-properties]>label:first-child{grid-row:span 2}.image-editor .editor-properties .editor-angles{grid-column:3;gap:6px;margin:0;display:flex}.image-editor .editor-properties .editor-actions{flex-wrap:wrap;gap:8px;margin:0;display:flex}.image-editor .editor-properties h3{margin:0 0 8px}.image-editor .editor-property-layers .editor-actions button{white-space:nowrap;flex:1}@media (width>=801px){.workbench.with-sidebar main:has(>.image-editor){max-width:1100px}.image-editor .editor-qr-panel[open]{z-index:50;width:320px;max-height:calc(100dvh - 140px);position:fixed;top:100px;right:max(24px,50vw - 720px);box-shadow:0 8px 28px #183f2318}}@media (width<=800px){.image-editor .editor-properties fieldset{grid-template-columns:minmax(0,1fr);gap:12px}.image-editor .editor-properties [data-text-properties]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-editor [data-text-properties]>label:first-child{grid-area:auto/1/auto/-1}.image-editor .editor-property-style{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-editor .editor-properties .editor-angles{grid-column:2;align-self:end}.image-editor .editor-properties .editor-actions button{flex:1;min-height:44px}.image-editor .editor-property-layers .editor-actions{grid-template-columns:1fr 1fr;display:grid}}.image-editor .editor-properties textarea{height:96px;min-height:80px;line-height:1.5}@media (width<=800px){.image-editor .editor-properties textarea{min-height:88px;font-size:16px}}.image-editor .editor-canvas-shell{background:repeating-conic-gradient(#eef0ee 0% 25%,#fff 0% 50%) 50%/20px 20px;border-radius:8px;min-height:280px;position:relative}.image-editor .editor-side:has(>.editor-qr-panel:not([open])){display:none}.image-editor .editor-context{z-index:25;white-space:nowrap;background:#fff;border:1px solid #c4d3c8;border-radius:9px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 8px;display:flex;position:absolute;top:12px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 3px 12px #17392320}.image-editor .editor-context button,.image-editor .editor-context select{flex-shrink:0;min-height:36px;padding:5px 9px;font-size:12px}.image-editor .editor-context [aria-pressed=true]{color:#126b4d;background:#e6f3eb;font-weight:700}.image-editor .editor-context label{align-items:center;gap:4px;font-size:12px;display:flex}.image-editor .editor-context input[type=color]{cursor:pointer;background:#fff;border:0;width:32px;height:32px;padding:2px}.image-editor .editor-properties.editor-inspector{box-sizing:border-box;color:inherit;background:#fafcf9;border:1px solid #d2ddd5;border-radius:8px;padding:0 14px 14px;overflow-y:auto}.image-editor .editor-inspector:not([open]){display:none!important}.image-editor .editor-inspector-heading{z-index:1;background:#fafcf9;border-bottom:1px solid #d2ddd5;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 0;display:flex;position:sticky;top:0}.image-editor .editor-inspector-heading h2{margin:0;font-size:15px}.image-editor .editor-inspector-heading button{border:0;min-width:36px;min-height:36px;padding:0;font-size:22px}.image-editor .editor-inspector fieldset,.image-editor .editor-inspector .editor-property-style,.image-editor .editor-inspector [data-text-properties]{flex-direction:column;gap:12px;display:flex}.image-editor .editor-inspector fieldset>div,.image-editor .editor-inspector label{width:100%}.image-editor .editor-inspector [data-properties] .editor-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.image-editor .editor-inspector [data-properties] .editor-angles{grid-template-columns:repeat(3,1fr)}.image-editor .editor-inspector [data-text-properties]>label:first-child{grid-area:auto}.image-editor .editor-inspector [data-properties] button{min-height:40px}.image-editor .editor-inspector textarea{height:88px;min-height:80px}.image-editor .editor-inspector::backdrop{background:#17281f55}@media (width<=800px){.image-editor[data-has-selection=true]{padding-bottom:72px}.image-editor .editor-context{box-sizing:border-box;width:100%;max-width:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:40;border-radius:10px 10px 0 0;justify-content:center;gap:4px;position:fixed;top:auto;bottom:0;left:0;transform:none}.image-editor .editor-context button{min-width:40px;min-height:44px;padding:6px;font-size:12px}.image-editor .editor-context [data-context-text],.image-editor .editor-context [data-context-layer] span,.image-editor .editor-context .context-label{display:none}.image-editor .editor-context input[type=color]{width:36px;height:40px}.image-editor[data-inspector-open=true] .editor-context{visibility:hidden}.image-editor .editor-properties.editor-inspector[open]{width:100%;max-width:none;padding:0 16px calc(16px + env(safe-area-inset-bottom));z-index:100;border-radius:16px 16px 0 0;position:fixed;max-height:calc(var(--editor-visual-height,100dvh) * .8)!important;inset:auto 0 0!important}.image-editor .editor-inspector-heading button,.image-editor .editor-inspector [data-properties] button{min-height:44px}.image-editor .editor-inspector .editor-property-style{grid-template-columns:1fr 1fr;display:grid}.image-editor .editor-inspector .editor-angles{grid-column:1/-1}.image-editor .editor-canvas-shell{min-height:0}}.image-editor .editor-editing-row{min-width:0}@media (width>=801px){.image-editor .editor-editing-row{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.image-editor .editor-context{display:none!important}.image-editor .editor-properties.editor-inspector[open]{width:100%;max-width:none;max-height:680px;box-shadow:none;margin:0;display:block;position:static;inset:auto}.image-editor .editor-inspector-heading{position:static}.image-editor .editor-inspector-heading button{display:none}.image-editor .editor-properties:has([data-properties][hidden]){border:1px solid #d2ddd5;padding:0 14px 14px}.image-editor .editor-properties [data-selection]{margin:0;font-size:14px;line-height:1.65}}@media (width>=801px) and (width<=1100px){.image-editor .editor-editing-row{grid-template-columns:minmax(0,1fr)}.image-editor .editor-properties.editor-inspector[open]{max-height:380px}}.editor-action-help{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:hover){.editor-topbar .editor-actions:has([data-undo]){position:relative}.editor-topbar button:is(:hover,:focus-visible)+.editor-action-help{clip-path:none;z-index:30;background:#fafcf9;border:1px solid #d2ddd5;border-radius:6px;width:max-content;max-width:240px;height:auto;padding:8px 10px;font-size:13px;top:100%;left:0}}.editor-font-stepper,.editor-size-stepper{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.editor-font-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:30px}.editor-shape-quick{align-items:center;gap:8px;display:flex}.editor-shape-quick label,.editor-context [data-context-opacity-row]{flex-direction:column;gap:4px;font-size:12px;display:flex}.editor-context input[type=range]{width:76px}.editor-shape-quick input[type=color]{width:36px;height:36px}[data-shape-properties]{flex-direction:column;gap:12px;display:flex}@media (width<=800px){.image-editor .editor-context{padding:8px 10px calc(8px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:6px}.image-editor .editor-context [data-context-text]:not([hidden]){display:flex}.image-editor .editor-context select[data-context-text]:not([hidden]){min-height:44px;padding:6px;font-size:12px;display:block}.image-editor .editor-context label[data-context-color-row]{flex-direction:column;gap:2px;font-size:12px;display:flex}.image-editor .editor-context .editor-font-stepper{flex-wrap:nowrap;gap:3px}.image-editor .editor-context .editor-font-stepper>span{font-size:12px}.image-editor[data-has-selection=true]{padding-bottom:130px}.image-editor .editor-context [data-context-text][hidden],.image-editor .editor-context [hidden]{display:none!important}}.editor-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:240px;display:grid}.layout-preview{background:#e8eee9;gap:3px;width:70px;height:48px;margin:auto;padding:5px;display:grid}.layout-preview i{background:#6fa68a;display:block}.layout-columns,.layout-grid{grid-template-columns:repeat(2,1fr)}.layout-strip{width:32px;height:76px}.editor-layout-dialog,.editor-font-dialog{border:1px solid var(--border,#ddd);background:var(--surface,#fff);width:min(480px,100% - 24px);max-height:85dvh;color:var(--text,#182b22);border-radius:14px;padding:20px;overflow:auto}.editor-layout-dialog::backdrop,.editor-font-dialog::backdrop{background:#0006}.editor-layout-dialog label,.editor-font-controls label{flex-direction:column;gap:8px;margin:12px 0;display:flex}.editor-layout-dialog input[type=range],.editor-font-controls input[type=range]{width:100%;min-height:44px}.editor-slot-list{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}.editor-slot-list button{flex-direction:column;align-items:center;gap:6px;min-height:76px;display:flex}.editor-slot-list img{object-fit:cover;width:100%;height:70px}.editor-slot-list [aria-pressed=true]{outline-offset:1px;outline:2px solid #16805d}.editor-font-controls .editor-actions{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.editor-layout-dialog button,.editor-font-dialog button{touch-action:manipulation;min-height:44px}.editor-layout-dialog [data-slot-properties]{border:1px solid #ddd;margin-bottom:12px;padding:12px}.editor-context [data-font-open]{align-items:center;gap:6px}.editor-start-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px 0;display:flex}.editor-start-actions button{white-space:normal;min-height:48px;padding:12px 16px}.image-editor [data-empty]>p{max-width:520px;margin:14px auto;font-size:14px;line-height:1.7}.image-editor [data-tools][hidden],.image-editor [data-photo-config][hidden]{display:none!important}.editor-layout-picker .editor-layout-grid{gap:10px;min-width:0;margin:16px 0}.editor-layout-picker .editor-layout-grid button{flex-direction:column;gap:8px;padding:12px;display:flex}.editor-layout-picker .layout-preview{margin:auto}@media (width<=800px){.editor-start-actions{flex-direction:column;align-items:stretch}.image-editor .editor-stage [data-empty]{padding:28px 16px}.editor-layout-picker{border-radius:16px 16px 0 0;width:calc(100% - 16px);max-height:85dvh;margin:auto auto 0}}.image-editor .editor-stage{background:#edf1ee;padding:18px}.image-editor .editor-stage .canvas-container{background:repeating-conic-gradient(#eef0ee 0% 25%,#fff 0% 50%) 50%/20px 20px;outline:1px solid #aab8af;box-shadow:0 2px 8px #182b2214}.editor-output-label{color:#435d4d;margin:8px 0;font-size:13px;font-weight:500}.image-editor[data-project-ready=false] .editor-topbar,.image-editor[data-project-ready=false] .editor-view,.image-editor[data-project-ready=false] .editor-help{display:none}.image-editor .editor-start-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:620px;margin:24px auto;display:grid}.image-editor .editor-start-card{text-align:center;background:#fff;border:1px solid #b2c6b9;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;min-width:0;padding:22px 16px;display:flex}.image-editor .editor-start-card strong{font-size:18px;font-weight:600}.image-editor .editor-start-card>span:last-child{color:#4b6354;font-size:14px;line-height:1.6}.image-editor .editor-start-card .layout-preview{border-radius:4px;gap:4px;width:84px;height:62px;margin:0;padding:6px}.image-editor .editor-start-card:hover{background:#f0f7f2;border-color:#16805d}.image-editor .editor-start-card:active{background:#e6f3eb}.image-editor .editor-start-card:focus-visible{outline-offset:3px;outline:3px solid #16805d}.image-editor .editor-stage[data-loaded=false] [data-empty]{padding:20px 0}@media (width<=800px){.image-editor .editor-stage{padding:12px}.image-editor .editor-start-actions{grid-template-columns:1fr;gap:12px}.image-editor .editor-start-card{gap:10px;padding:18px 14px}.image-editor .editor-start-card strong{font-size:17px}}.image-editor .editor-canvas-shell{background:0 0;min-height:0}.image-editor .editor-stage[data-loaded=false]{min-height:0;max-height:none;overflow:visible}