/* Product creation only: no product-list, detail or authored storefront styles. */
.vpw{box-sizing:border-box;position:relative;display:flex;flex-direction:column;flex:1;min-height:0;width:100%;background:#000;color:#fff;font-family:inherit}
.vpw-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:760px;margin:0 auto;padding:24px;box-sizing:border-box;font-size:16px}
.vpw button,.vpw input,.vpw textarea,.vpw select{font:inherit;color:#fff;box-sizing:border-box}
.vpw button{cursor:pointer;border:1px solid #37373c;border-radius:999px;background:#242426;padding:12px 22px;min-height:46px}
.vpw button:disabled{cursor:default;opacity:.55}.vpw button:focus-visible,.vpw input:focus-visible,.vpw textarea:focus-visible,.vpw select:focus-visible,.vpw summary:focus-visible{outline:2px solid #007aff;outline-offset:3px}
.vpw-header button{padding:0;width:46px;font-size:28px;font-weight:400}
.vpw-form{box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:760px;min-height:0;flex:1;margin:0 auto;padding:32px 32px max(28px,env(safe-area-inset-bottom));overflow:auto}
.vpw-question{opacity:1;transition:opacity 140ms ease;min-height:250px;flex:1}.vpw-question--leaving{opacity:0;pointer-events:none}
.vpw h1{font-size:clamp(25px,3.4vw,40px);font-weight:500;line-height:1.25;margin:12px 0 32px;outline:none}
.vpw-field{display:flex;flex-direction:column;gap:12px;margin:0 0 24px;font-size:16px}.vpw-field input,.vpw-field textarea,.vpw-field select{width:100%;min-height:52px;border:1px solid #3a3a40;border-radius:12px;background:#111113;padding:14px 16px}.vpw-field textarea{resize:vertical;min-height:160px}.vpw-field input::placeholder{color:#8c8c96}
.vpw-media{text-align:center}.vpw .vpw-image-button{display:inline-flex;flex-direction:column;align-items:center;gap:16px;border:1px solid #444;border-radius:24px;background:#202024}.vpw-image-placeholder{display:grid;place-items:center;width:110px;height:110px;border:1px solid #37373c;border-radius:24px;background:#0b0b0c;font-size:55px;color:#9b9da8}.vpw-images{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.vpw-images img{width:90px;height:90px;border-radius:14px;object-fit:cover}
.vpw .vpw-category{width:100%;border-radius:12px;text-align:left;margin-bottom:24px}.vpw-hint{font-size:14px;color:#b6b6c0;line-height:1.6}.vpw-options{margin:12px 0 24px}.vpw-options summary{cursor:pointer;min-height:44px}.vpw-options .vpw-field{margin-top:14px}
.vpw-actions{display:flex;justify-content:space-between;gap:16px;margin-top:20px;flex-shrink:0}.vpw .vpw-primary{background:#007aff;border-color:#007aff;min-width:112px}.vpw-error{color:#ffb4b4;line-height:1.5;white-space:pre-wrap}.vpw-error:empty{display:none}
@media(max-width:600px){.vpw-header{padding:16px}.vpw-form{padding:20px 20px max(24px,env(safe-area-inset-bottom))}.vpw h1{margin-top:4px}.vpw-question{min-height:210px}}
@media(prefers-reduced-motion:reduce){.vpw-question{transition:none}}

.vpw-saving{display:flex;justify-content:center;min-height:26px}.vpw-spinner{display:block;width:22px;height:22px;border:2px solid #203754;border-top-color:#007aff;border-radius:50%;animation:vpw-spin .8s linear infinite}.vpw-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}
@keyframes vpw-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vpw-spinner{animation:none;border-color:#007aff}}
/* Keep field/error/footer boxes intact when browser zoom or a keyboard leaves a
   short viewport. The form scrolls; flex compression must not overlap its text. */
.vpw-header{flex-shrink:0}.vpw-form>*{flex-shrink:0}.vpw-question{flex:1 0 auto}

/* Wizard-owned native controls: retain semantic inputs and platform keyboards,
   while keeping their resting, autofill and focus surfaces in the black UI. */
.vpw .vpw-field :is(input,textarea,select){appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#000;background-image:none;border:0;border-bottom:1px solid #3a3a40;border-radius:0;color:#fff;caret-color:#fff;color-scheme:dark;box-shadow:none;opacity:1}
.vpw .vpw-field :is(input,textarea,select):focus{border-bottom-color:#007aff;outline:none;box-shadow:0 2px 0 #007aff}
.vpw .vpw-field :is(input,textarea)::placeholder{color:#8c8c96;opacity:1}
.vpw .vpw-field :is(input,textarea,select):disabled{color:#b6b6c0;-webkit-text-fill-color:#b6b6c0;cursor:not-allowed;opacity:1}
.vpw .vpw-field :is(input,textarea,select)[aria-invalid=true]{border-bottom-color:#ffb4b4}
.vpw .vpw-field :is(input,textarea,select):user-invalid{border-bottom-color:#ffb4b4}
.vpw .vpw-field input:-webkit-autofill,.vpw .vpw-field input:-webkit-autofill:hover,.vpw .vpw-field input:-webkit-autofill:focus,.vpw .vpw-field textarea:-webkit-autofill,.vpw .vpw-field select:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:0 0 0 1000px #000 inset;box-shadow:0 0 0 1000px #000 inset}
.vpw .vpw-field :is(input,textarea,select):autofill{color:#fff;caret-color:#fff;box-shadow:0 0 0 1000px #000 inset}
.vpw .vpw-field input[type=number]{-moz-appearance:textfield}
.vpw .vpw-field input::-webkit-inner-spin-button,.vpw .vpw-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.vpw .vpw-field select{padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px}

@media(forced-colors:active){.vpw .vpw-field :is(input,textarea,select):focus-visible{outline:2px solid Highlight;outline-offset:3px}}
.vpw .vpw-field :is(input,textarea,select):-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #000 inset,0 2px 0 #007aff;box-shadow:0 0 0 1000px #000 inset,0 2px 0 #007aff}
.vpw .vpw-field :is(input,textarea,select):autofill:focus{box-shadow:0 0 0 1000px #000 inset,0 2px 0 #007aff}