@layer wertigo.features{.image-overlay-panel__layer-anchor{z-index:3;pointer-events:none;width:1px;height:1px;display:block;position:absolute}.image-overlay-panel__settings{z-index:30;border:1px solid var(--ds-surface-muted);border-radius:var(--ds-radius-md);background:var(--ds-surface);width:calc(min(260px,100vw - 20px));padding:10px;box-shadow:0 18px 42px #11182729}.image-overlay-panel__settings--floating{opacity:1;will-change:transform;transition:opacity .18s}.image-overlay-panel__settings--animate-position{transition:transform .18s,opacity .18s}.image-overlay-panel__settings--hidden{opacity:0;pointer-events:none}.image-overlay-panel__settings .image-overlay-panel__settings-inner{flex-direction:column;gap:8px;min-width:0;display:flex}.image-overlay-panel__settings .image-overlay-panel__rotate-actions,.image-overlay-panel__settings .image-overlay-panel__settings-actions{gap:6px;display:grid}.image-overlay-panel__settings .image-overlay-panel__rotate-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.image-overlay-panel__settings .image-overlay-panel__settings-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.image-overlay-panel__settings .image-overlay-panel__quick-action{background:var(--ds-surface-soft);min-height:30px;color:var(--ds-ink);border:1px solid #1118271a;padding:0 6px}.image-overlay-panel__settings .image-overlay-panel__quick-action,.image-overlay-panel__settings .image-overlay-panel__secondary-action{border-radius:var(--ds-radius-md);font:inherit;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.image-overlay-panel__settings .image-overlay-panel__secondary-action{min-height:34px;color:var(--ds-muted);background:0 0;border:1px solid #0000;gap:6px;padding:0 8px}.image-overlay-panel__settings .image-overlay-panel__secondary-action--clear{background:var(--ds-surface);border-color:#11182714}.image-overlay-panel__settings .image-overlay-panel__secondary-action--danger{background:var(--ds-brand-soft);color:var(--ds-brand);border-color:#ea555533}.image-overlay-panel__settings .image-overlay-panel__secondary-action svg{flex:none;width:16px;height:16px}.image-overlay-panel__settings .image-overlay-panel__quick-action:disabled,.image-overlay-panel__settings .image-overlay-panel__secondary-action:disabled{cursor:not-allowed;opacity:.62}.image-overlay-panel__layers{flex-direction:column;gap:10px;min-width:0;display:flex}.image-overlay-panel__layers-head{color:var(--ds-muted);font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold);justify-content:space-between;align-items:center;gap:10px;display:flex}.image-overlay-panel__layers-head span:last-child{border-radius:var(--ds-radius-pill);background:var(--ds-brand-soft);min-width:44px;min-height:22px;color:var(--ds-brand);font-size:var(--ds-text-xs);justify-content:center;align-items:center;display:inline-flex}.image-overlay-panel__layer-list{scrollbar-color:var(--ds-brand) var(--ds-surface-muted);scrollbar-gutter:stable;grid-template-columns:minmax(0,1fr);gap:6px;max-height:300px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.image-overlay-panel__layer-item{border-radius:var(--ds-radius-md);background:var(--ds-surface);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;min-height:52px;padding:6px;transition:background-color .18s,box-shadow .18s;display:grid}.image-overlay-panel__layer-item--active,.image-overlay-panel__layer-item:hover{background:color-mix(in srgb,var(--layer-color) 8%,var(--ds-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--layer-color) 22%,transparent)}.image-overlay-panel__layer-select{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:0;display:inline-flex}.image-overlay-panel__layer-marker{border-radius:var(--ds-radius-md);background:var(--layer-color);width:28px;height:28px;color:var(--ds-on-brand);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-bold);flex:0 0 28px;justify-content:center;align-items:center;display:inline-flex}.image-overlay-panel__layer-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.image-overlay-panel__layer-state,.image-overlay-panel__layer-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-overlay-panel__layer-title{color:var(--ds-ink);font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold)}.image-overlay-panel__layer-state{color:var(--ds-subtle);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold)}.image-overlay-panel__layer-actions{grid-template-columns:repeat(3,34px);align-items:center;gap:4px;display:grid}.image-overlay-panel__icon-action{border-radius:var(--ds-radius-md);background:var(--ds-surface);width:34px;height:34px;color:var(--ds-muted);font:inherit;font-weight:var(--ds-weight-bold);cursor:pointer;border:1px solid #1118271f;justify-content:center;align-items:center;gap:8px;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.image-overlay-panel__icon-action svg{width:20px;height:20px}.image-overlay-panel__icon-action:hover:not(:disabled){background:var(--ds-surface-soft);color:var(--ds-ink);border-color:#11182738}.image-overlay-panel__icon-action--danger:hover:not(:disabled){background:var(--ds-brand-soft);color:var(--ds-brand);border-color:#ea555557}.image-overlay-panel__icon-action:disabled,.image-overlay-panel__layer-select:disabled{cursor:not-allowed;opacity:.62}.image-overlay-panel__icon-action:focus-visible,.image-overlay-panel__layer-select:focus-visible{outline-offset:2px;outline:3px solid #ea55553d}@media (max-width:560px){.image-overlay-panel__layer-list{scrollbar-gutter:auto;gap:8px;max-height:none;padding:0 0 4px;display:flex;overflow:auto hidden}.image-overlay-panel__layer-item{min-width:230px}}.image-overlay-panel{border:1px solid var(--ds-surface-muted);border-radius:var(--ds-radius-md);background:var(--ds-surface);flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex;box-shadow:0 14px 36px #1118270f}.image-overlay-panel__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.image-overlay-panel__lead,.image-overlay-panel__title{margin:0}.image-overlay-panel__title{color:var(--ds-ink);font-weight:var(--ds-weight-bold)}.image-overlay-panel__lead{color:var(--ds-muted);font-size:var(--ds-text-md);margin-top:6px;line-height:1.6}.image-overlay-panel__input{display:none}.image-overlay-panel__workspace{grid-template-columns:minmax(0,1fr) minmax(310px,380px);align-items:stretch;gap:18px;display:grid}.image-overlay-panel__actions,.image-overlay-panel__control-block,.image-overlay-panel__controls,.image-overlay-panel__preview-column,.image-overlay-panel__settings-inner,.image-overlay-panel__tips{flex-direction:column;min-width:0;display:flex}.image-overlay-panel__controls,.image-overlay-panel__preview-column{gap:10px}.image-overlay-panel__preview-column{min-height:0}.image-overlay-panel__controls{gap:16px}.image-overlay-panel__actions,.image-overlay-panel__control-block,.image-overlay-panel__settings-inner,.image-overlay-panel__tips{gap:10px}.image-overlay-panel__file-toolbar{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.image-overlay-panel__file-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.image-overlay-panel__file-name{min-width:0}.image-overlay-panel__control-label,.image-overlay-panel__file-name{color:var(--ds-muted);font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold)}.image-overlay-panel__secondary-action{font:inherit;font-weight:var(--ds-weight-bold);cursor:pointer;justify-content:center;align-items:center;gap:8px;display:inline-flex}.image-overlay-panel__tip svg{flex:none;width:18px;height:18px}.image-overlay-panel__secondary-action svg{flex:none;width:20px;height:20px}.image-overlay-panel__preview-wrap{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:linear-gradient(45deg,var(--ds-surface-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--ds-surface-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ds-surface-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--ds-surface-soft) 75%);background-color:var(--ds-surface);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;justify-content:center;align-items:center;width:100%;min-width:0;min-height:260px;display:flex;position:relative;overflow:visible}.image-overlay-panel__preview-wrap:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:#11182700;transition:background-color .2s;position:absolute;inset:0}.image-overlay-panel__preview-wrap--awaiting-overlay:after{background:#11182757}.image-overlay-panel__preview-wrap--empty{background:0 0;border:0;flex:auto;min-height:260px;overflow:visible}.image-overlay-panel__preview-wrap--empty:after{content:none}.image-overlay-panel__canvas{touch-action:none;align-self:center;max-width:100%;height:auto;max-height:72vh;margin:auto;display:block}.image-overlay-panel__overlay-dropzone{z-index:2;pointer-events:none;--file-dropzone-zone-pointer-events:auto;width:auto;position:absolute;inset:0}.image-overlay-panel__mobile-settings-button{bottom:max(12px,env(safe-area-inset-bottom));z-index:25;border-radius:var(--ds-radius-lg);background:var(--ds-brand-soft);width:100%;min-height:48px;color:var(--ds-brand);font:inherit;font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold);cursor:pointer;border:1px solid #11182714;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:border-color .18s,background-color .18s;display:inline-flex;position:sticky}.image-overlay-panel__mobile-settings-button svg{flex:none;width:20px;height:20px}.image-overlay-panel__mobile-settings-button:hover:not(:disabled){background:var(--ds-danger-soft);border-color:#ea555547}.image-overlay-panel__mobile-settings-button:disabled{cursor:not-allowed;opacity:.62}.image-overlay-panel__layer-modal-inner{flex-direction:column;gap:12px;min-width:0;display:flex}.image-overlay-panel__layer-modal-title{color:var(--ds-ink);font-size:var(--ds-text-lg);font-weight:var(--ds-weight-bold);margin:0;padding-right:42px;line-height:1.2}.image-overlay-panel__layer-modal-inner .image-overlay-panel__settings-inner{flex-direction:column;gap:10px;min-width:0;display:flex}.image-overlay-panel__layer-modal-inner .image-overlay-panel__rotate-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.image-overlay-panel__layer-modal-inner .image-overlay-panel__settings-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-overlay-panel__layer-modal-inner .image-overlay-panel__quick-action{background:var(--ds-surface-soft);min-height:34px;color:var(--ds-ink);font:inherit;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);border:1px solid #1118271a;padding:0 6px;line-height:1}.image-overlay-panel__layer-modal-inner .image-overlay-panel__quick-action,.image-overlay-panel__layer-modal-inner .image-overlay-panel__secondary-action{border-radius:var(--ds-radius-md);appearance:none;cursor:pointer;justify-content:center;align-items:center;width:100%;min-width:0;display:inline-flex}.image-overlay-panel__layer-modal-inner .image-overlay-panel__secondary-action{min-height:38px;color:var(--ds-muted);font:inherit;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-bold);background:0 0;border:1px solid #0000;gap:6px;padding:0 10px}.image-overlay-panel__layer-modal-inner .image-overlay-panel__secondary-action--clear{background:var(--ds-surface);border-color:#11182714}.image-overlay-panel__layer-modal-inner .image-overlay-panel__secondary-action--danger{background:var(--ds-brand-soft);color:var(--ds-brand);border-color:#ea555533}.image-overlay-panel__layer-modal-inner .image-overlay-panel__secondary-action svg{flex:none;width:18px;height:18px}.image-overlay-panel__layer-modal-inner .image-overlay-panel__quick-action:disabled,.image-overlay-panel__layer-modal-inner .image-overlay-panel__secondary-action:disabled{cursor:not-allowed;opacity:.62}.image-overlay-panel__tips{border-radius:var(--ds-radius-md);background:var(--ds-surface-soft);padding:12px}.image-overlay-panel__tip{color:var(--ds-muted);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-bold);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;line-height:1.35;display:grid}.image-overlay-panel__tip svg{color:var(--ds-brand)}.image-overlay-panel__actions{flex-direction:column;gap:10px;display:flex}.image-overlay-panel__secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-overlay-panel__secondary-actions--single{grid-template-columns:minmax(0,1fr)}.image-overlay-panel__secondary-action{border-radius:var(--ds-radius-lg);min-height:46px;color:var(--ds-muted);font-size:var(--ds-text-md);background:0 0;border:1px solid #0000;padding:0 12px;transition:border-color .18s,background-color .18s,color .18s,transform .18s}.image-overlay-panel__secondary-action--clear{background:var(--ds-surface);border-color:#11182714}.image-overlay-panel__secondary-action--clear:hover:not(:disabled),.image-overlay-panel__secondary-action--danger{background:var(--ds-brand-soft);color:var(--ds-brand);border-color:#ea555533}.image-overlay-panel__secondary-action--ready{background:var(--ds-success-soft);color:var(--ds-success);border-color:#15803d29}.image-overlay-panel__secondary-action--ready:hover:not(:disabled){background:var(--ds-line);color:var(--ds-success);border-color:#15803d3d}.image-overlay-panel__secondary-action:disabled{cursor:not-allowed;opacity:.62}.image-overlay-panel__secondary-action:focus-visible{outline-offset:2px;outline:3px solid #ea555547}@media (max-width:900px){.image-overlay-panel{padding:18px}.image-overlay-panel__workspace{grid-template-columns:minmax(0,1fr);align-items:start}.image-overlay-panel__preview-wrap{min-height:280px}}@media (max-width:560px){.image-overlay-panel{padding:14px}.image-overlay-panel__file-toolbar{flex-direction:column;align-items:flex-start}.image-overlay-panel__file-actions{width:100%}.image-overlay-panel__overlay-upload,.image-overlay-panel__secondary-action,.image-overlay-panel__top-clear,.image-overlay-panel__top-ready{flex:1 1 0;width:100%}.image-overlay-panel__layer-modal-inner .image-overlay-panel__settings-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}}