.logo-editor{border:1px solid #ded3c6;border-radius:12px;background:#fffcf8;padding:clamp(14px,3vw,24px);margin:16px 0;max-width:100%}.logo-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#203542;font-size:18px}.logo-editor-badge{border:1px solid #e7ddd3;background:#fff;border-radius:20px;padding:5px 10px;font-size:11px;white-space:nowrap}.logo-editor-status{font-size:14px;color:#74161b;margin:10px 0}.logo-editor-projection{position:relative;margin:20px 26px 16px 0;padding-top:25px}.logo-editor-length{text-align:center;margin-bottom:8px;font-size:13px;font-weight:650}.logo-editor-face{position:relative;width:100%;max-width:100%;margin:auto;background:#eee6dc;border:2px solid #86735d;border-radius:3px;box-shadow:0 8px 24px #32251a14;overflow:hidden}.logo-editor-width{text-align:center;margin-top:8px;font-size:13px;font-weight:650}.logo-editor-center{position:absolute;pointer-events:none;opacity:.35}.logo-editor-center-x{left:50%;height:100%;border-left:1px dashed #86735d}.logo-editor-center-y{top:50%;width:100%;border-top:1px dashed #86735d}.logo-editor-artwork{position:absolute;display:block;padding:0;border:1px dashed #8d252a;background:transparent;touch-action:none;cursor:grab;min-width:0;min-height:0;user-select:none}.logo-editor-artwork:active{cursor:grabbing}.logo-editor-artwork img{width:100%;height:100%;object-fit:fill;pointer-events:none;display:block}.logo-editor-artwork:focus-visible{outline:3px solid #8d252a;outline-offset:3px}.logo-editor-range{display:grid;grid-template-columns:1fr auto;gap:10px;font-weight:650;font-size:14px}.logo-editor-range input{grid-column:1/-1;width:100%;min-height:44px;accent-color:#8d252a}.logo-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.logo-editor-actions button{min-height:44px}.logo-editor-accepted{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#346249;font-weight:650}.logo-editor[data-mode="accepted"] .logo-editor-artwork{border-color:transparent;cursor:pointer}.logo-editor[data-mode="accepted"] .logo-editor-center{display:none}.logo-editor[data-mode="accepted"] .logo-editor-face{cursor:pointer}.logo-editor [hidden]{display:none!important}@media(max-width:600px){.logo-editor-actions{display:grid;grid-template-columns:1fr}.logo-editor-heading{font-size:16px}.logo-editor-projection{margin-right:0}.logo-editor-actions [data-logo-accept]{grid-row:1}}

.logo-editor{scroll-margin-top:100px}.logo-editor[data-mode="accepted"] .logo-editor-status{color:#346249}

.logo-editor-recovery{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.logo-editor-recovery:has(> [hidden]:only-child){display:none}.logo-editor[data-mode="error"] .logo-editor-status,.logo-editor[data-mode="needs-dimensions"] .logo-editor-status{color:#8d252a}.logo-editor[data-mode="loading"] .logo-editor-status{color:#203542}.logo-editor-status:focus{outline:2px solid #b39154;outline-offset:4px}@media(max-width:600px){.logo-editor-recovery{flex-direction:column}.logo-editor-recovery button{min-height:44px}}

.logo-editor-server-error{color:#8d252a;font-size:14px;margin:10px 0}

.logo-editor-artwork{transform-origin:center center}.logo-editor-aspect{display:flex;align-items:center;gap:9px;min-height:44px;font-weight:650;font-size:14px}.logo-editor-aspect input{width:19px;height:19px;accent-color:#8d252a}.logo-editor-transform-help{margin:0 0 10px}.logo-editor-stretch{display:grid;grid-template-columns:1fr 1fr;gap:18px}.logo-editor-rotation{margin-top:12px}.logo-editor-reset{display:inline-block;min-height:44px;padding:6px 0;color:#74161b;text-decoration:underline;text-underline-offset:3px;background:none;border:0;font:inherit;font-size:13px;cursor:pointer}.logo-editor-reset:focus-visible,.logo-editor-aspect input:focus-visible{outline:3px solid #b39154;outline-offset:3px}@media(max-width:600px){.logo-editor-stretch{grid-template-columns:1fr;gap:6px}}