.product-editor{width:min(850px,calc(100% - 28px));max-height:92svh;padding:30px;border:2px solid #a77cbd;background:#1b1227;color:#e3d3ee;box-shadow:8px 8px #09050d;overflow:auto;scrollbar-color:#846495 #160b20}.product-editor::backdrop{background:#07030bcf;backdrop-filter:blur(7px)}.editor-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.editor-top h2{font:17px/1.8 var(--pixel);margin:16px 0 8px;color:#fff1ff}.editor-top p{margin:0;color:#ac91be;font:13px/1.7 Manrope,Arial,sans-serif}.editor-top>button{width:34px;height:34px;border:1px solid #856294;background:#43274f;color:#fff;font:26px/1 Arial;flex-shrink:0}.product-editor fieldset{border:0;padding:0;margin:0;min-width:0}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-fields label,.editor-image-row label{display:flex;flex-direction:column;gap:8px;font:12px/1.7 Manrope,Arial,sans-serif;color:#cfb7dd}.editor-wide{grid-column:1/-1}.product-editor input:not([type=file]),.product-editor textarea{width:100%;min-width:0;padding:11px 12px;font:13px/1.8 Manrope,Arial,sans-serif;background:#100919;border:1px solid #624770;border-radius:0;color:#f2e3fc;outline-offset:2px}.product-editor textarea{resize:vertical;min-height:85px}.product-editor input:focus-visible,.product-editor textarea:focus-visible{outline:2px solid #ffae62}.editor-media{margin-top:26px;padding-top:23px;border-top:1px solid #53365f}.editor-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.editor-section-heading h3{font:12px/1.9 var(--pixel);margin:0;color:#f4e4fc}.editor-section-heading>span{font:10px/1.5 Manrope,Arial,sans-serif;color:#a88aba}.editor-cover{width:100%;height:165px;background:repeating-linear-gradient(45deg,#291a36 0 18px,#23152f 18px 36px);border:1px solid #634872;display:grid;place-content:center;overflow:hidden;margin:12px 0}.editor-cover:has(img){display:block}.editor-cover img{display:block;width:100%;height:100%;object-fit:cover}.editor-cover span{text-align:center;color:#b89cc9;font:12px/1.8 Manrope,Arial,sans-serif;padding:20px}.editor-upload{display:flex;flex-direction:column;gap:10px;margin:15px 0 9px;font:12px/1.7 Manrope,Arial,sans-serif;color:#f0cc9d}.editor-upload input{max-width:100%;font:11px/1.8 Manrope,Arial,sans-serif;color:#ac91bf}.editor-upload input::file-selector-button{background:#4f305c;border:1px solid #8d66a0;padding:9px 13px;color:#f7e9ff;cursor:pointer;margin-right:12px}.editor-reset,.editor-reload{padding:9px 0;color:#ffc076;font:12px/1.7 Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}.editor-images{display:flex;flex-direction:column;gap:13px;list-style:none;padding:0;margin:15px 0}.editor-image-row{display:grid;grid-template-columns:130px 1fr;gap:17px;padding:13px;background:#130b1d;border:1px solid #52355f}.editor-image-row>img{width:130px;height:90px;object-fit:cover;border:1px solid #6b4b7c;align-self:center}.editor-image-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.editor-image-actions button{padding:5px 9px;border:1px solid #61416e;background:#2c1b38;font:11px/1.7 Manrope,Arial,sans-serif}.editor-image-actions .editor-remove{margin-left:auto;color:#f1b2a7}.editor-images-empty{border:1px dashed #644775;padding:22px;color:#ad90c0;font:12px/1.8 Manrope,Arial,sans-serif}.product-editor .editor-hint,.product-editor .editor-note{font:11px/1.9 Manrope,Arial,sans-serif;color:#ab90bb;margin:10px 0}.product-editor .editor-note{margin-top:25px;padding:12px 15px;border-left:2px solid #ffb45e;background:#38243866}.product-editor .editor-status{min-height:24px;margin:18px 0 8px;font:12px/1.9 Manrope,Arial,sans-serif;color:#c1de94;overflow-wrap:anywhere}.product-editor .editor-status.is-error{color:#ffbbac}.editor-footer{display:flex;justify-content:flex-end;gap:13px;padding-top:15px;margin-top:10px;border-top:1px solid #563962}.editor-footer .button{font:11px/1.6 var(--pixel);padding:13px 18px;min-height:48px;gap:12px}.editor-discard{padding:15px;border:1px solid #e0a25b;background:#3d2b26;margin-top:17px}.editor-discard p{font:12px/1.8 Manrope,Arial,sans-serif;margin:0 0 12px}.editor-discard button{border:1px solid #a27a55;padding:8px 11px;background:#58402b;font:11px/1.7 Manrope,Arial,sans-serif;margin:4px 8px 0 0}.product-editor [hidden]{display:none!important}.product-editor :disabled{opacity:.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:540px){.product-editor{padding:19px;width:calc(100% - 16px);max-height:95svh}.editor-top{gap:9px;margin-bottom:19px}.editor-top h2{font-size:12px}.editor-top .eyebrow{font-size:7px;letter-spacing:1px}.editor-fields{grid-template-columns:1fr;gap:15px}.editor-wide{grid-column:auto}.editor-section-heading{align-items:flex-start;flex-direction:column;gap:6px}.editor-section-heading h3{font-size:10px}.editor-image-row{grid-template-columns:1fr;gap:10px;padding:11px}.editor-image-row>img{width:100%;height:140px}.editor-footer{flex-wrap:wrap;gap:10px}.editor-footer .button{flex:1;font-size:9px;padding:12px;min-height:48px}.editor-cover{height:135px}.product-editor input:not([type=file]),.product-editor textarea{font-size:16px}.editor-discard button{width:100%;margin:7px 0 0}}