#visual-card-editor{margin:28px 0;padding:24px;background:#15131c;border:1px solid #51465c;border-radius:12px;scroll-margin-top:calc(var(--site-header-height,100px) + 24px)}
#visual-card-editor p{font-size:16px;line-height:1.5;color:#ccc5d3}.vf-edit-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.vf-edit-heading h3{font-size:28px;margin:8px 0}.vf-edit-tabs{display:flex;gap:6px}.vf-edit-tabs button,.vf-show-fields{min-height:44px;padding:10px 18px;border:1px solid #8b779d;background:#211b2a;color:#fff;font-size:16px;border-radius:6px}.vf-edit-tabs button[aria-pressed=true]{color:#191320;background:#ebce91;border-color:#ebce91}.vf-edit-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(220px,1fr);gap:24px;align-items:start}.vf-edit-map{position:relative;aspect-ratio:1060/1484;min-width:0;isolation:isolate;background:#15141c;border-radius:8px}.vf-edit-art,.vf-edit-inputs{position:absolute;inset:0}.vf-edit-art{pointer-events:none;overflow:hidden;border-radius:8px}.vf-edit-art>.layer-card{width:100%;height:100%;aspect-ratio:1060/1484}.vf-edit-art .layer-card{transform:none!important}.vf-map-field{position:absolute;transform:translate(-50%,-50%);display:block;min-width:72px;z-index:2}.vf-map-field>span{display:block;width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#251b33;color:#ffdf98;border-radius:4px 4px 0 0;padding:2px 5px;font-size:14px;line-height:1.2}.vf-map-field input,.vf-map-field textarea{display:block;box-sizing:border-box;width:100%;min-height:38px;height:38px;margin:0;border:1px solid #e4c58b;border-radius:0 4px 4px 4px;background:rgba(20,15,28,.94);color:#fff;padding:6px 9px;font:500 16px/1.35 Arial,sans-serif;resize:none;box-shadow:0 2px 8px #0007}.vf-map-field input::placeholder,.vf-map-field textarea::placeholder{color:#d3cbdc}.vf-map-field.is-active input,.vf-map-field.is-active textarea{border-color:#fff1c9;outline:2px solid #e4c58b;outline-offset:2px}.vf-edit-inspector{position:sticky;top:calc(var(--site-header-height,100px) + 20px);padding:20px;border:1px solid #6b5b7a;border-radius:8px;background:#201929;scroll-margin-top:calc(var(--site-header-height,100px) + 20px)}#vf-focused-field label{display:block;font-size:16px;color:#f8edff}#vf-focused-field input,#vf-focused-field textarea{display:block;width:100%;font-size:18px;padding:12px;background:#100e17;border:1px solid #8a789b;border-radius:6px;color:#fff;margin-top:12px;min-height:50px}#vf-focused-field textarea{min-height:130px;resize:vertical}.vf-edit-inspector .eyebrow{font-size:14px!important}.vf-field-help,.vf-map-note{font-size:14px!important}.vf-show-fields{margin-top:10px;width:100%}.vf-all-fields{margin:24px 0;border:1px solid #51465c;padding:18px;border-radius:8px;scroll-margin-top:calc(var(--site-header-height,100px) + 20px)}.vf-all-fields summary{cursor:pointer;font-size:18px;color:#ead098;padding:6px}.vf-all-fields input,.vf-all-fields select,.vf-all-fields textarea{font-size:16px!important}.vf-all-fields .brief-fields{margin-top:20px}.vf-clean-title{grid-column:1/-1;font-size:24px!important;margin:0}.details-fit-editor{grid-template-columns:1fr!important}.details-fit-editor .photo-fit-controls{max-width:none}.details-fit-editor .preview-art{height:520px}.details-fit-editor .card-face{max-width:340px}#visual-card-editor input,#visual-card-editor textarea{scroll-margin-top:calc(var(--site-header-height,100px) + 24px)}
@media(max-width:900px){.vf-edit-layout{grid-template-columns:minmax(0,1fr)}.vf-edit-map{width:100%;max-width:560px;margin:auto}.vf-edit-inspector{position:static}.vf-edit-heading{align-items:flex-start;flex-direction:column}.vf-edit-tabs{width:100%}.vf-edit-tabs button{flex:1}}
@media(max-width:600px){#visual-card-editor{padding:12px;margin:20px -4px}.vf-map-field>span{font-size:14px}.vf-map-field input,.vf-map-field textarea{min-height:34px;height:34px;padding:5px;font-size:16px}.vf-map-field>span{max-width:100%}.vf-map-field{min-width:70px}.vf-edit-inspector{padding:16px}.vf-edit-heading h3{font-size:25px}.details-fit-editor .preview-art{height:360px}.vf-map-note{margin-bottom:0}.vf-all-fields{padding:12px}.vf-edit-map{margin-bottom:12px}}
.vf-map-scroll{min-width:0;overflow:auto;padding:5px;overscroll-behavior-x:contain}.vf-stat-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vf-stat-field input,.vf-stat-field textarea{min-height:28px;height:28px;padding:2px 5px;border-radius:4px;text-align:center}.vf-stat-field textarea{text-align:left}.vf-edit-map{width:100%}
@media(max-width:600px){#visual-card-editor[data-side=back] .vf-edit-map{width:460px;max-width:none}#visual-card-editor[data-side=back] .vf-map-scroll:before{content:'Swipe across the card · tap a box to edit';display:block;font-size:14px;color:#e8d09d;margin-bottom:10px}.vf-stat-field input,.vf-stat-field textarea{min-height:24px;height:24px}}
.vf-compact-identity>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vf-compact-identity input{border-radius:4px}

/* Keep anchored text boxes legible without overlap at narrow phone widths. */
#sport-stat-fields{scroll-margin-top:calc(var(--site-header-height,100px) + 24px)}
@media(max-width:600px){#visual-card-editor[data-side=front] .vf-edit-map{width:380px;max-width:none}#visual-card-editor .vf-map-scroll:before{content:"Swipe across the card · tap a box to edit";display:block;font-size:14px;color:#e8d09d;margin-bottom:10px}}
@media(max-width:600px){#visual-card-editor{margin-left:-14px;margin-right:-14px}}

.vf-render-feedback{display:flex;align-items:center;gap:12px;min-height:24px;margin-bottom:8px}.vf-render-feedback .vf-render-status{font-size:14px!important;margin:0;color:#e8d09d!important}.vf-render-retry{font-size:16px;min-height:44px;border:1px solid #e4c58b;color:#fff;background:#251b33;padding:8px 14px;border-radius:5px}.vf-render-retry[hidden]{display:none}

.vf-layout-warning{padding:12px;border:1px solid #e5bb68;background:#35261a;color:#ffe1a5!important;border-radius:5px}

/* Details: a viewport-sized clean preview beside the complete input flow. */
.vf-details-intro,.vf-details-inputs{display:contents}
.vf-details-intro>p:not(.eyebrow),.vf-details-inputs>p:not(.eyebrow){font-size:12px;color:#a9a5af;margin:15px 0 24px}
.vf-details-inputs>.cta{width:100%;margin:22px 0 10px;padding:14px 17px;font-size:12px}
.vf-details-inputs>.photo-fit-controls{max-width:none;margin:0 0 24px}
.photo-position-sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vf-mobile-fields-title,.vf-mobile-preview-link{display:none}
@media(min-width:1100px){
 .vf-details-workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);column-gap:28px;align-items:start}
 .vf-details-intro,.vf-details-inputs{display:block;min-width:0;grid-column:2}
 .vf-details-intro{grid-row:1}.vf-details-inputs{grid-row:2}
 .vf-details-workspace>.details-fit-editor{grid-column:1;grid-row:1/3;position:sticky;top:calc(var(--site-header-height,121px) + 16px);align-self:start;margin:0;padding:18px;gap:16px;min-width:0;max-height:calc(100dvh - var(--site-header-height,121px) - 32px)}
 .vf-details-workspace .vf-clean-title{font-size:22px!important}
 .vf-details-workspace .details-fit-editor .preview-art{height:min(440px,calc(100dvh - var(--site-header-height,121px) - 164px));min-height:0;gap:12px}
 .vf-details-workspace .details-fit-editor .card-face{flex:0 1 auto;width:min(calc((100% - 12px)/2),calc((100dvh - var(--site-header-height,121px) - 164px)*5/7));height:auto;max-width:none;max-height:100%;aspect-ratio:5/7}
 .vf-details-workspace .details-fit-editor .preview-art.single .card-face{height:100%;width:auto;max-width:100%}
 .vf-details-workspace .proof-tabs{margin-top:14px}
 .vf-details-workspace .proof-tabs button{min-height:44px;font-size:13px;padding:8px 12px}
 .vf-details-inputs #visual-card-editor{margin-top:0;padding:20px}
 .vf-details-inputs .vf-edit-heading{align-items:start;flex-direction:column;gap:14px}
 .vf-details-inputs .vf-edit-layout{grid-template-columns:minmax(0,1fr)}
 .vf-details-inputs .vf-edit-map{max-width:460px;margin:auto}
 .vf-details-inputs .vf-edit-inspector{position:static}
}
@media(max-width:760px){
 .design-page .config{padding:16px}
 #visual-card-editor{display:none}
 .vf-details-workspace .vf-all-fields{border:0;padding:0;margin:14px 0 24px}
 .vf-details-workspace .vf-all-fields>summary{display:none}
 .vf-mobile-fields-title{display:block;font-size:25px!important;margin-top:24px}
 .vf-mobile-preview-link{display:block;min-height:44px;margin:4px 0 8px;padding:8px 0;background:none;border:0;color:var(--gold);font-size:15px}
 .vf-details-workspace .brief-fields{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:0}
 .vf-details-workspace .brief-fields label,.vf-details-workspace .field-label{font-size:14px;line-height:1.4}
 .vf-details-workspace .brief-fields input,.vf-details-workspace .brief-fields select,.vf-details-workspace .brief-fields textarea{min-height:48px;padding:12px;font-size:16px!important}
 .vf-details-workspace .sport-stat-fields{gap:12px}
 .vf-details-workspace .football-stat-group,.vf-details-workspace .baseball-stat-group{padding:10px}
 .vf-details-workspace .football-stat-group>div,.vf-details-workspace .baseball-stat-group>div{gap:10px}
 .vf-details-workspace .details-fit-editor{padding:12px;gap:10px;scroll-margin-top:calc(var(--site-header-height,101px) + 100px)}
 .vf-details-workspace .vf-clean-title{font-size:21px!important}
 .vf-details-workspace .details-fit-editor .preview-art{height:clamp(190px,29svh,270px);min-height:0;gap:10px}
 .vf-details-workspace .details-fit-editor .card-face{max-width:calc((100% - 10px)/2);max-height:100%;width:auto;aspect-ratio:5/7}
 .vf-details-workspace .details-fit-editor .preview-art.single .card-face{max-width:100%;height:100%;width:auto}
 .vf-details-workspace .proof-tabs{margin-top:10px;gap:5px}
 .vf-details-workspace .proof-tabs button{min-height:44px;padding:8px 10px;font-size:14px;flex:1}
 .vf-details-workspace .photo-fit-controls{padding:12px;margin:0;max-width:none}
 .vf-details-workspace .photo-fit-controls h3{font-size:20px}
 .vf-details-workspace .photo-fit-controls p{font-size:13px;line-height:1.4}
 .vf-details-workspace .photo-fit-controls label{font-size:13px;margin-top:8px}
 .vf-details-workspace .photo-fit-controls input[type=range]{min-height:36px;margin:0}
 .vf-details-workspace .photo-position-sliders{gap:12px}
 .vf-details-workspace .fit-moves [data-move]{display:none}
 .vf-details-workspace .fit-moves{margin-top:2px}
 .vf-details-workspace .fit-moves #reset-photo-fit{margin:0;width:100%;font-size:14px;min-height:44px}
 .vf-details-workspace .photo-fit-controls output{font-size:12px;margin-top:4px}
 .vf-details-workspace .check-line{font-size:14px;line-height:1.5;align-items:center}
 .vf-details-workspace .check-line input{width:24px;height:24px;flex:0 0 24px;margin:0}
 .vf-details-inputs>.cta{min-height:48px;font-size:16px}
 .vf-details-workspace input,.vf-details-workspace textarea,.vf-details-workspace select{scroll-margin-top:calc(var(--site-header-height,101px) + 100px)}
 .vf-details-intro>p:not(.eyebrow){font-size:14px}
 .vf-details-workspace .demo-photo{font-size:14px}
 .vf-details-workspace .demo-photo p{font-size:13px}
 .vf-details-workspace .demo-photo small{font-size:12px}
 .vf-details-workspace #use-demo-photo{min-height:44px;white-space:normal;font-size:14px}
 .vf-details-workspace .fine{font-size:12px!important}
}
/* Private review uses the same editor with a clear, human-readable action area. */
#owner-review{max-width:1440px;margin:auto;padding:34px 5%;background:#14161d;border-bottom:1px solid #49404e;color:#f8f1e6}#owner-review h2{font-size:38px;margin:6px 0 12px}#owner-review p{font-size:15px;color:#bfb7c7;line-height:1.6}.owner-heading{display:flex;justify-content:space-between;align-items:start;gap:24px}.owner-nav{display:flex;gap:10px;flex-wrap:wrap}.owner-nav a,#owner-review button,#owner-original{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;font-size:15px;border:1px solid #776783;background:#241e2e;border-radius:7px;color:#fff;line-height:1.4;text-align:center}.owner-nav a{white-space:nowrap}.owner-action-grid{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.owner-action-grid .owner-primary{background:#e1c483!important;color:#17141a!important;border-color:#e1c483!important;font-weight:700}.owner-status-box{margin:22px 0 16px;padding:15px 18px;border:1px solid #4b4456;background:#1a1721;border-radius:8px}#owner-status{color:#f0d397!important;font-weight:600}.owner-status-box p:empty{display:none}.owner-approval{border-top:1px solid #49404e;margin-top:22px;padding-top:20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.owner-approval label{display:flex;align-items:center;gap:12px;font-size:15px}.owner-approval input{width:22px;height:22px;accent-color:#dfc486}.owner-approval p{flex-basis:100%}.owner-more{margin-top:20px}.owner-more summary{cursor:pointer;color:#dac18a;min-height:44px;padding:10px 0}.owner-more button{margin:10px 0}.owner-cleanup-note{max-width:950px;font-size:13px!important}.owner-request-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 22px;border:1px solid #665671;background:#201a29;border-radius:10px;margin:14px 0;padding:18px 22px}.owner-request-card strong{font-size:20px}.owner-request-card span{grid-column:1;color:#bfb6c9;font-size:14px}.owner-request-card b{grid-column:2;grid-row:1/3;align-self:center;background:#dec38c;border-radius:6px;color:#17131c;padding:11px 16px;font-size:14px}.owner-review-page #local-photo-tools{scroll-margin-top:calc(var(--site-header-height,121px) + 24px)}@media(max-width:760px){.owner-heading{display:block}.owner-nav{margin-top:18px}.owner-request-card{grid-template-columns:1fr}.owner-request-card b{grid-column:1;grid-row:auto}.owner-action-grid>*{flex:1 1 150px}.owner-approval{display:block}.owner-approval button{width:100%;margin:16px 0}.owner-review-page #local-photo-tools{scroll-margin-top:calc(var(--site-header-height,101px) + 100px)}}
