/* Spullu framing around the pinned, scoped topo3d configurator. */
.studio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-block:24px 32px}
.studio-heading h1{font-size:clamp(34px,4vw,52px);margin:10px 0 14px}
.studio-heading>div>p:last-child{font-size:14px;color:var(--muted);max-width:65ch}
.studio-back{display:inline-flex;min-height:44px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:16px}
.studio-back:hover{text-decoration:underline;text-underline-offset:4px}
.studio-shell{background:var(--white);border:1px solid var(--line);border-radius:5px;overflow:hidden}
#studio-loading{padding:36px;color:var(--muted)}
#milestones-studio{height:min(860px,calc(100svh - 120px));min-height:700px}
#milestones-studio .topo3d{font-family:var(--body)}
#milestones-studio .studio{--bg:#faf6ee;--panel:#faf6ee;--panel-2:#f2e8d8;--view:#e9e2d5;--border:#d4cbbb;--text:#242b29;--muted:#60675e;--accent:#176a68;--accent-hover:#105755;--on-accent:#faf6ee;--accent-soft:rgba(23,106,104,.08);--drop-border:#b9c2b4;--card-radius:5px}
#milestones-studio .studio-stepview h1{font-family:var(--display);font-size:28px;line-height:1.15;color:var(--green);font-weight:500}
#milestones-studio .studio :is(input,select,button){font-family:var(--body)}
#milestones-studio .studio svg{max-width:none}
#milestones-studio .spullu-event-picker{border-top:1px solid #d4cbbb;padding-top:20px;margin-top:8px}
#milestones-studio .spullu-event-picker h3{font:500 23px/1.2 var(--display);color:var(--green);margin-bottom:16px}
#milestones-studio .spullu-event-picker label{display:grid;gap:8px;font-size:12px;font-weight:600}
#milestones-studio .spullu-event-picker select{width:100%;min-width:0;min-height:44px;background:#fffdf8;border:1px solid #d4cbbb;border-radius:4px;padding:10px;color:#242b29;font-size:12px}
#milestones-studio .spullu-course-note{font-size:11px;line-height:1.7;color:#60675e;margin:12px 0}
#milestones-studio .spullu-course-button{border:1px solid #176a68;border-radius:4px;padding:11px 16px;background:#176a68;color:#faf6ee;font-size:12px;min-height:44px}
.studio-save-panel{display:grid;grid-template-columns:1fr 300px;gap:50px;padding-block:28px 60px}
.studio-save-choice{display:flex;align-items:center;gap:12px;font-size:13px;min-height:44px}
.studio-save-choice input{width:18px;height:18px;accent-color:var(--green)}
.studio-save-note,.studio-checkout-note{font-size:12px;line-height:1.8;color:var(--muted);max-width:65ch}
.studio-checkout-note{border-left:1px solid var(--line);padding-left:24px}
#studio-status{font-size:13px;color:var(--green);margin-top:12px;min-height:1.7em}
#studio-status.is-error{color:#9b3228}
#studio-followup{margin-top:18px}
.bag-item img.reviewed-preview{object-fit:contain;background:#e9e2d5;aspect-ratio:4/3}
.saved-card .reviewed-preview{width:100%;height:180px;object-fit:contain;background:#e9e2d5;border-radius:4px;margin-bottom:18px}
@media(max-width:860px){#milestones-studio{height:auto;min-height:760px}.studio-save-panel{grid-template-columns:1fr;gap:20px}.studio-checkout-note{padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:680px){.studio-heading{align-items:start;padding-block:12px 24px;gap:12px}.studio-heading>.text-link{font-size:11px;white-space:nowrap}.studio-heading h1{font-size:36px}.studio-heading .eyebrow{font-size:9px}.studio-heading>div>p:last-child{font-size:12px}.studio-back{font-size:11px;margin-bottom:10px}.studio-shell{width:calc(100% - 20px)}.studio-save-panel{padding-block:20px 40px}#milestones-studio .studio-panel{padding:22px 18px}#milestones-studio .studio-top{padding:14px 18px}}

/* The print manifest stays in saved design data; customers review the object. */
#milestones-studio .viewer .summary{display:none}

#milestones-studio .spullu-event-picker label{margin-bottom:8px}

/* Spullu supplies the palette; customer colour overrides are hidden. */
#milestones-studio .studio-stepview .field:has(.swatches),
#milestones-studio .studio-stepview .field:has(.looks){display:none}