.archive-editor{width:min(790px,calc(100% - 28px));max-height:92svh;padding:28px;border:2px solid #aa7fc0;background:#1b1227;color:#eadbf4;overflow:auto;box-shadow:8px 8px #09050d;scrollbar-color:#846495 #160b20}.archive-editor::backdrop{background:#07030bcf;backdrop-filter:blur(7px)}.archive-editor [hidden]{display:none!important}.archive-editor-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.archive-editor-top h2{font:15px/1.9 var(--pixel);margin:15px 0 8px}.archive-editor-top p{font:13px/1.8 Manrope,Arial,sans-serif;color:#c0a6d2;margin:0}.archive-editor-top>button{width:36px;height:36px;flex-shrink:0;border:1px solid #9870aa;background:#40234d;font:26px/1 Arial}.archive-editor .archive-editor-note{font:12px/1.9 Manrope,Arial,sans-serif;color:#cab6d7;background:#35203f;border-left:3px solid #ffac5c;padding:13px 16px;margin:0 0 25px}.archive-editor h3{font:11px/1.9 var(--pixel);margin:0 0 15px}.archive-file-row{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #634273;background:#23162d;margin-top:10px}.archive-file-glyph{font-size:28px;color:#ffb667}.archive-file-row>div{min-width:0;display:grid;gap:7px}.archive-file-row strong{font:12px/1.5 Manrope,Arial,sans-serif;color:#ebdff3}.archive-file-row span:not(.archive-file-glyph){font:12px/1.7 Manrope,Arial,sans-serif;color:#c4b1d0;overflow-wrap:anywhere}.archive-file-row small,.archive-pending-row small{font:11px/1.7 Manrope,Arial,sans-serif;color:#a68ab8}.archive-empty{font:12px/1.9 Manrope,Arial,sans-serif;color:#ac91bf;padding:19px;border:1px dashed #5d406c}.archive-upload-section{border-top:1px solid #563762;margin-top:25px;padding-top:23px}.archive-variant-label,.archive-file-label{display:flex;flex-direction:column;gap:9px;font:12px/1.7 Manrope,Arial,sans-serif;margin-top:15px;color:#d9c4e6}.archive-variant-label select{border:1px solid #79528c;background:#100819;border-radius:0;color:#f4e4ff;padding:11px;font:13px/1.7 Manrope,Arial,sans-serif}.archive-file-label input{max-width:100%;font:12px/1.8 Manrope,Arial,sans-serif;color:#b99dcb}.archive-file-label input::file-selector-button{border:1px solid #aa79bc;background:#543260;color:#f8e8ff;padding:10px 14px;margin-right:13px;cursor:pointer}.archive-editor .archive-selected{font:12px/1.8 Manrope,Arial,sans-serif;color:#ffce91;overflow-wrap:anywhere;margin:15px 0 8px}.archive-editor .archive-hint{font:11px/1.9 Manrope,Arial,sans-serif;color:#aa90ba}.archive-progress-box{margin:22px 0 10px;padding:15px;border:1px solid #795193;background:#261534}.archive-progress-box>div{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.archive-progress-box strong{font:12px/1.6 var(--pixel);color:#ffd19b}.archive-progress-box span{font:11px/1.8 Manrope,Arial,sans-serif;color:#c5accf}.archive-progress-box progress{display:block;width:100%;height:13px;border:1px solid #927143;background:#140b1d;accent-color:#ffad45}.archive-progress-box progress::-webkit-progress-bar{background:#140b1d}.archive-progress-box progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#ffb24d 0 17px,#db8527 17px 19px)}.archive-progress-box progress::-moz-progress-bar{background:#ffb24d}.archive-editor .archive-upload-status{font:12px/1.9 Manrope,Arial,sans-serif;min-height:24px;color:#bfdb98;overflow-wrap:anywhere;margin:17px 0}.archive-editor .archive-upload-status.is-error{color:#ffb4a2}.archive-editor-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.archive-editor-actions .button{padding:12px 17px;font:10px/1.7 var(--pixel);min-height:45px}.archive-cancel,.archive-reload{font:11px/1.7 Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.archive-cancel{color:#f1b1a2}.archive-reload{color:#c3a5d4}.archive-editor :disabled{opacity:.5;cursor:wait}.archive-editor [data-pending-archives]:not(:empty){margin-top:25px}.archive-pending-row{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #57416a;background:#24172f;margin:9px 0}.archive-pending-row>div{min-width:0;flex:1;display:grid;gap:5px}.archive-pending-row strong{font:12px/1.6 Manrope,Arial,sans-serif;overflow-wrap:anywhere}.archive-pending-row button{border:1px solid #78568b;background:#362241;font:11px/1.6 Manrope,Arial,sans-serif;padding:7px 10px}.product-detail-heading{gap:12px;flex-wrap:wrap}.product-admin-archives{color:#f9c98d;border:1px solid #9a704b;background:#4f32266b;padding:8px 12px;font:11px/1.6 Manrope,Arial,sans-serif}.product-admin-archives:hover{background:#714a3077}.product-admin-archives[hidden]{display:none!important}
@media(max-width:540px){.archive-editor{padding:18px;width:calc(100% - 16px);max-height:95svh}.archive-editor-top h2{font-size:12px;line-height:2}.archive-editor-top .eyebrow{font-size:7px;letter-spacing:1px}.archive-editor h3{font-size:10px}.archive-editor-actions .button{width:100%;font-size:9px}.archive-progress-box>div{align-items:flex-start;flex-direction:column;gap:6px}.archive-pending-row{flex-wrap:wrap}.archive-pending-row>div{flex-basis:100%}.archive-variant-label select{font-size:16px}.product-admin-archives{font-size:10px;padding:8px}}
.archive-file-glyph .ui-icon{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;pointer-events:none}