/* V5 component adaptations; numerical dimensions live in the v5 token block. */
.v5{font-weight:var(--weight-body)}
.v5 :is(input,textarea,select,button){font-weight:var(--weight-body)}
.v5 label{font-weight:var(--weight-label)}
.v5 main{margin-top:var(--s9)}
.v5 .step{padding:var(--s7) 0;border-top:var(--rule-section) solid var(--soft)}
.v5 .step[aria-disabled=true]{border-top-style:solid}
.v5 .step h1,.v5 .step h2{font-size:var(--text-section);font-weight:var(--weight-heading);line-height:1.2}
.v5 #text-title{font-size:var(--text-phone)}
.v5 .step .completed,.v5 .step[aria-disabled=true] h2{color:var(--grey)}
.v5 .instruction{color:var(--ink);max-width:calc(var(--paste) * 3);margin:var(--s5) 0 var(--s3);line-height:1.5}
.v5 .conditions{color:var(--grey);margin-bottom:var(--s5);font-size:var(--text-hint)}
.v5 textarea{height:calc(var(--s12) * 2);border:0;font-weight:var(--weight-value)}
.v5 .text-drop{padding:var(--s4)}
.v5 .step-receipt{margin-top:var(--s3);font-size:var(--text-body);color:var(--grey)}
.v5 .details-guide{margin:var(--s6) 0 var(--s7)}
.v5 #confirm-progress{font-family:var(--font-sans)}
.v5 .fx{border:0;padding-top:0;margin-top:var(--s8)}
.v5 .fx .g2{row-gap:var(--s8);column-gap:var(--s9)}
.v5 :is(dt.micro,.tile-editor label){font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:normal;text-transform:none;font-weight:var(--weight-label);color:var(--ink)}
.v5 dt{margin-bottom:var(--s2)}
.v5 .edit-value{align-items:center;gap:var(--s4)}
.v5 .edit-value input{font-size:var(--text-body);font-weight:var(--weight-value);border:0;background:var(--wash);padding:var(--s2) var(--s3);min-height:var(--touch)}
.v5 .edit-value button[data-confirm]{border:0;background:var(--wash);padding:var(--s2);font-size:var(--text-hint);font-weight:var(--weight-label);min-width:calc(var(--touch) * 2);color:var(--ink)}
.v5 .edit-value button[data-confirm][aria-pressed=true]{background:var(--accent)}
.v5 .edit-value button[data-confirm]:disabled{border:0;color:var(--grey);background:var(--paper)}
.v5 .value-content{min-width:0;flex:1}
.v5 button.value-display{border:0;background:transparent;width:100%;text-align:left;min-width:0;padding:var(--s2) 0;font-size:var(--text-body);color:var(--ink);text-decoration:none}
.v5 button#project-title{font-size:var(--text-project);line-height:1.1;letter-spacing:var(--tracking-project);overflow-wrap:anywhere}
.v5 #project-title .ttl{font-weight:var(--weight-label)}
.v5 #project-title :is(.off,.sl){font-weight:var(--weight-value)}
.v5 #project-title .sl{color:var(--grey)}
.v5 .project-name input{font-size:var(--text-card)}
.v5 .location-editor{display:grid;gap:var(--s2)}
.v5 .city-editor{display:flex;gap:var(--s2)}
.v5 #remove-city{min-width:var(--touch);width:var(--touch);border:0;background:var(--wash);font-size:var(--text-card)}
.v5 .field-hint{font-size:var(--text-hint);font-weight:var(--weight-label);margin-top:var(--s3);line-height:1.5;color:var(--ink)}
.v5 .image-zone{padding:0;border:0}
.v5 .gallery-instruction{margin-bottom:var(--s6);color:var(--grey)}
.v5 .gal .g{position:relative;gap:var(--s8) var(--s6)}
.v5 .image-box{position:relative}
.v5 .image-box .cover-link{cursor:grab}
.v5 .tile-editor label{margin-top:var(--s3);line-height:1.4}
.v5 .tile-editor input{border:0;background:var(--wash);padding:var(--s2);font-size:var(--text-body);font-weight:var(--weight-value)}
.v5 .tile-controls{position:absolute;inset:0;pointer-events:none}
.v5 .tile-controls button{position:absolute;pointer-events:auto;background:var(--paper);color:var(--ink);opacity:0;min-width:var(--touch);height:var(--touch);transition:opacity var(--motion);font-weight:var(--weight-label)}
.v5 figure:hover .tile-controls button,.v5 figure:focus-within .tile-controls button{opacity:1}
.v5 [data-image-action=delete]{top:var(--s2);right:var(--s2);font-size:var(--text-card)}
.v5 [data-image-action=left]{bottom:var(--s2);left:var(--s2)}
.v5 [data-image-action=right]{bottom:var(--s2);right:var(--s2)}
.v5 .tile-controls [data-image-action=cover]{bottom:var(--s2);left:50%;transform:translateX(-50%);width:auto;padding:0 var(--s2);font-size:var(--text-hint);white-space:nowrap}
.v5 [data-image-action=grab]{top:var(--s2);left:50%;transform:translateX(-50%);cursor:grab;touch-action:none;font-size:var(--text-card)}
.v5 .cover-label{top:var(--s2);left:var(--s2);font-size:var(--text-hint);font-weight:var(--weight-label)}
.v5 .gal .g figure.dragging{position:absolute;z-index:5;pointer-events:none;box-shadow:var(--drag-shadow);transform:scale(var(--drag-scale));background:var(--paper)}
.v5 .gal .g figure.dragging, .v5 .gal .g figure.dragging *{pointer-events:none}
.v5 .drag-placeholder{border:var(--rule-section) solid var(--ink);background:var(--accent);display:grid;place-items:center;font-weight:var(--weight-label);min-width:0}
.v5 #undo-region{margin:var(--s5) 0;display:flex;gap:var(--s4);align-items:center}
.v5 .gallery-help{font-size:var(--text-hint)}
.v5 .primary{font-weight:var(--weight-label)}
@media(max-width:700px){
 .v5 .step h1,.v5 .step h2,.v5 #text-title{font-size:var(--text-card)}
 .v5 .fx .g2{grid-template-columns:1fr;row-gap:var(--s7)}
 .v5 .project-name .edit-value{align-items:flex-start;flex-direction:column}
 .v5 button#project-title{font-size:var(--text-section)}
 .v5 .gal .g{grid-template-columns:1fr;gap:var(--s8)}
 .v5 .tile-controls button{opacity:1}
 .v5 .conditions{max-width:100%}
 .v5 .instruction{font-size:var(--text-body)}
 .v5 main{margin-top:var(--s7)}
}
@media(hover:none),(pointer:coarse){.v5 .tile-controls button{opacity:1}}
@media(prefers-reduced-motion:reduce){.v5 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.v5 .gal .g figure.dragging{transform:none}}