/* One fluid page shell across amvia. Images may extend through this text gutter. */
:root{--site-gutter:clamp(20px,1.5vw,32px)}
body>main:not(#app){box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:var(--site-gutter)}
body>main:not(#app)>*{min-width:0}
body>header,body>footer,.partner-shell>header{box-sizing:border-box;width:100%;padding-inline:var(--site-gutter)}
@layer amvia-layout{body>header,body>footer,.partner-shell>header{padding-inline:var(--site-gutter)!important}}
.site-footer.grouped-footer{padding-inline:var(--site-gutter)}
@media(max-width:350px){:root{--site-gutter:16px}}

/* AMVIA pages share action styling, including partner pages and lazy dialogs.
   Shared page composition adds the marker without touching API responses.
   Native choices, camera capture and editing handles keep their visual cues. */
@layer amvia-layout{
 /* User-approved yellow accent; keep existing tokens and state behavior. */
 html{--amvia-action-outline:#ff66ff;--amvia-magenta:#ffff66;--amvia-accent-text:#ffff66;--amvia-on-accent:#292727;--platform-accent:var(--amvia-accent-text)!important;--platform-hover:var(--amvia-accent-text)!important;--pink-soft:color-mix(in srgb,var(--amvia-magenta) 12%,transparent);--amvia-interaction-hover:#ffff66;--amvia-interaction-active:#66ffcc}
 html[data-madice-theme="charcoal"]{--amvia-accent-text:#ffff66}
 body[data-amvia-unboxed-controls]{--pink:var(--amvia-accent-text)!important}
 body[data-amvia-unboxed-controls] :where(button,a[href],summary,input[type="button"],input[type="submit"],input[type="reset"]):not(:where(.madice-theme-choice,.swatch-button,.work-thumb,.shutter,.art-handle,.art-move-target,.comparison-resize-handle)){
  border:0!important;outline:var(--amvia-control-outline,0)!important;box-shadow:none!important;
 }
 body[data-amvia-unboxed-controls] :where(button,a[href],summary,input[type="button"],input[type="submit"],input[type="reset"]):not(:where(.madice-theme-choice,.swatch-button,.work-thumb,.shutter,.art-handle,.art-move-target,.comparison-resize-handle)):focus-visible{
  box-shadow:inset 0 -2px 0 var(--platform-accent,var(--pink,currentColor))!important;
 }
 body[data-amvia-unboxed-controls] :where(button[aria-pressed="true"],button[aria-selected="true"],button[aria-current]:not([aria-current="false"]),button[data-selected="true"],button[data-selected="1"],button[data-selected=""],button.selected,button.active,button.is-active,button[data-active="true"]):not(:where(.madice-theme-choice,.swatch-button,.work-thumb,.shutter,.art-handle,.art-move-target,.comparison-resize-handle)){
  box-shadow:inset 0 -2px 0 var(--platform-accent,var(--pink,currentColor))!important;
 }
 body[data-amvia-unboxed-controls] :where(button.glass,button.glass-button,button.round-button,button.pill,a.glass-button,a.round-button,a.pill):not(:where(.swatch-button,.work-thumb,.shutter))::before{display:none!important}
 body[data-amvia-unboxed-controls] .gallery-work:hover .gallery-image{outline:0!important}
 body[data-amvia-unboxed-controls] .gallery-work:hover>span:last-child{text-decoration:underline;text-underline-offset:4px}
 body[data-amvia-unboxed-controls] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea){
  border:0!important;border-bottom:1px solid var(--platform-control,var(--line,currentColor))!important;border-radius:0!important;outline:0!important;box-shadow:none!important;
 }
 body[data-amvia-unboxed-controls] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea):focus-visible{border-bottom:2px solid var(--platform-accent,var(--pink,currentColor))!important}
 body[data-amvia-unboxed-controls] :where(input,select,textarea)[aria-invalid="true"]:not(:where([type="checkbox"],[type="radio"],[type="range"],[type="file"],[type="color"],[type="image"],[type="hidden"])){border-bottom-color:var(--platform-danger,#c37d88)!important}
 body[data-amvia-unboxed-controls] input[type="file"]::file-selector-button{border:0!important;box-shadow:none!important;background:transparent;color:inherit;min-height:44px;font:inherit;cursor:pointer}
 body[data-amvia-unboxed-controls] input[type="file"]{border:0!important;outline:0!important;box-shadow:none!important}
 body[data-amvia-unboxed-controls] input[type="file"]:focus-visible{box-shadow:inset 0 -2px 0 var(--platform-accent,var(--pink,currentColor))!important}
 body[data-amvia-unboxed-controls] .dimension-fields label{border:0!important;box-shadow:none!important}
 body[data-amvia-unboxed-controls] .story-file:focus-within{outline:0!important;box-shadow:inset 0 -2px 0 var(--platform-accent,var(--pink,currentColor))!important}
 /* Real interaction states only: no visited-link styling or retained click state.
    Local tokens also reach existing component rules and search-result captions. */
 body[data-amvia-unboxed-controls] :where(button,a[href],summary,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]):not(:where(:disabled,[aria-disabled="true"],.madice-theme-choice,.swatch-button,.shutter,.art-handle,.art-move-target,.comparison-resize-handle,.comparison-art,#wall-art,#live-art)):hover{--amvia-interaction-color:var(--amvia-interaction-hover)}
 body[data-amvia-unboxed-controls] :where(button,a[href],summary,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]):not(:where(:disabled,[aria-disabled="true"],.madice-theme-choice,.swatch-button,.shutter,.art-handle,.art-move-target,.comparison-resize-handle,.comparison-art,#wall-art,#live-art)):is(:active,[aria-pressed="true"],[aria-selected="true"],[aria-current]:not([aria-current="false"]),[data-selected="true"],[data-selected="1"],[data-selected=""],[data-active="true"],[data-active="1"],[data-active=""],.selected,.active,.is-active),
 body[data-amvia-unboxed-controls] details:is([open],.is-active)>summary:not([aria-disabled="true"]){--amvia-interaction-color:var(--amvia-interaction-active)}
 body[data-amvia-unboxed-controls] :where(button,a[href],summary,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]):not(:where(:disabled,[aria-disabled="true"],.madice-theme-choice,.swatch-button,.shutter,.art-handle,.art-move-target,.comparison-resize-handle,.comparison-art,#wall-art,#live-art)):is(:hover,:active,[aria-pressed="true"],[aria-selected="true"],[aria-current]:not([aria-current="false"]),[data-selected="true"],[data-selected="1"],[data-selected=""],[data-active="true"],[data-active="1"],[data-active=""],.selected,.active,.is-active),
 body[data-amvia-unboxed-controls] details:is([open],.is-active)>summary:not([aria-disabled="true"]){
  --amvia-accent-text:var(--amvia-interaction-color);--creator-payout-pink:var(--amvia-interaction-color);--platform-accent:var(--amvia-interaction-color)!important;--platform-hover:var(--amvia-interaction-color)!important;--platform-text:var(--amvia-interaction-color)!important;
  color:var(--amvia-interaction-color)!important;-webkit-text-fill-color:var(--amvia-interaction-color)!important;
 }
 body[data-amvia-unboxed-controls] :where(button,a[href],summary,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]):not(:where(:disabled,[aria-disabled="true"],.madice-theme-choice,.swatch-button,.work-thumb,.shutter,.art-handle,.art-move-target,.comparison-resize-handle,.comparison-art,#wall-art,#live-art)):is(:active,[aria-pressed="true"],[aria-selected="true"],[aria-current]:not([aria-current="false"]),[data-selected="true"],[data-selected="1"],[data-selected=""],[data-active="true"],[data-active="1"],[data-active=""],.selected,.active,.is-active),
 body[data-amvia-unboxed-controls] details:is([open],.is-active)>summary:not([aria-disabled="true"]){box-shadow:inset 0 -2px 0 var(--amvia-interaction-color)!important}
 /* Requested outline-only exceptions; the outline does not change layout size. */
 body[data-amvia-unboxed-controls] :where(#generate-one,#generate,.home-demo-action,.space-film-dialog .space-film-actions>button:nth-child(-n+2)){
  --amvia-control-outline:1px solid var(--amvia-action-outline);outline-offset:-1px;
 }
 /* The existing Size & frame border and local hover indicators share this color. */
 body[data-amvia-unboxed-controls] #artwork-controls{
  --amvia-magenta:var(--amvia-action-outline);--amvia-accent-text:var(--amvia-action-outline);--platform-accent:var(--amvia-accent-text)!important;--platform-hover:var(--amvia-accent-text)!important;--amvia-interaction-hover:var(--amvia-action-outline);
 }
 /* Filled actions retain their requested dark label and yellow fill. */
 body[data-amvia-unboxed-controls] :where(.home-action,.primary,.art-ar-dialog [slot="ar-button"],.app-hd-dialog button:not(.hd-close)):not(:where(:disabled,[aria-disabled="true"])):is(:hover,:active,[aria-pressed="true"],[aria-selected="true"],[aria-current]:not([aria-current="false"]),[data-selected="true"],[data-selected="1"],[data-selected=""],[data-active="true"],[data-active="1"],[data-active=""],.selected,.active,.is-active){
  --platform-text:var(--amvia-on-accent)!important;color:var(--amvia-on-accent)!important;-webkit-text-fill-color:var(--amvia-on-accent)!important;box-shadow:inset 0 -2px 0 var(--amvia-interaction-color)!important;
 }
 /* Form states use the existing underline; native choices and input text stay intact. */
 body[data-amvia-unboxed-controls] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea):not(:where(:disabled,[aria-disabled="true"],[aria-invalid="true"])):hover{border-bottom-color:var(--amvia-interaction-hover)!important}
 body[data-amvia-unboxed-controls] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="image"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea):not(:where(:disabled,[aria-disabled="true"],[aria-invalid="true"])):focus-visible{border-bottom-color:var(--amvia-interaction-active)!important}
 /* Native checks keep their glyphs; artwork and palette states change only an existing indicator's color. */
 body[data-amvia-unboxed-controls] input:is([type="checkbox"],[type="radio"]):not(:where(:disabled,[aria-disabled="true"])):hover:not(:checked){accent-color:var(--amvia-interaction-hover)!important}
 body[data-amvia-unboxed-controls] input:is([type="checkbox"],[type="radio"]):not(:where(:disabled,[aria-disabled="true"])):checked{accent-color:var(--amvia-interaction-active)!important}
 body[data-amvia-unboxed-controls] :where(.madice-theme-choice,.swatch-button,.work-thumb):not(:where(:disabled,[aria-disabled="true"])):hover{border-color:var(--amvia-interaction-hover)!important}
 body[data-amvia-unboxed-controls] :where(.madice-theme-choice,.swatch-button,.work-thumb):not(:where(:disabled,[aria-disabled="true"])):is(:active,[aria-pressed="true"],[aria-selected="true"],[data-selected="true"],[data-selected="1"],[data-selected=""]){border-color:var(--amvia-interaction-active)!important}
 body[data-amvia-unboxed-controls] .madice-theme-choice:not(:where(:disabled,[aria-disabled="true"]))[aria-pressed="true"]::after{border-color:var(--amvia-interaction-active)!important}
 body[data-amvia-unboxed-controls] .comparison-art:not(:where(:disabled,[aria-disabled="true"])):hover{outline-color:var(--amvia-interaction-hover)!important}
 body[data-amvia-unboxed-controls] .comparison-art:not(:where(:disabled,[aria-disabled="true"])):is(:active,.selected,[aria-pressed="true"]){outline-color:var(--amvia-interaction-active)!important}
 @media(forced-colors:active){
  html{--amvia-action-outline:ButtonText;--amvia-interaction-hover:CanvasText;--amvia-interaction-active:Highlight;--amvia-on-accent:ButtonText!important}
  body[data-amvia-unboxed-controls] :where(button,a[href],summary,input[type="button"],input[type="submit"],input[type="reset"],[role="button"]):not(:where(:disabled,[aria-disabled="true"],.madice-theme-choice,.swatch-button,.work-thumb,.shutter,.art-handle,.art-move-target,.comparison-resize-handle,.comparison-art,#wall-art,#live-art)):is(:active,[aria-pressed="true"],[aria-selected="true"],[aria-current]:not([aria-current="false"]),[data-selected="true"],[data-selected="1"],[data-selected=""],[data-active="true"],[data-active="1"],[data-active=""],.selected,.active,.is-active),
  body[data-amvia-unboxed-controls] details:is([open],.is-active)>summary:not([aria-disabled="true"]){border-bottom:2px solid Highlight!important}
  body[data-amvia-unboxed-controls] input[type="file"]:focus-visible,body[data-amvia-unboxed-controls] .story-file:focus-within{border-bottom:2px solid Highlight!important}
  body[data-amvia-unboxed-controls] :where(button,a[href],summary,input[type="button"],input[type="submit"],input[type="reset"]):not(:where(.madice-theme-choice,.swatch-button,.work-thumb,.shutter,.art-handle,.art-move-target,.comparison-resize-handle)):is(:focus-visible,[aria-pressed="true"],[aria-selected="true"],[data-selected="true"]){border-bottom:2px solid Highlight!important}
 }
}