.studio{max-width:1440px;margin:auto;padding:38px 6% 60px}.studio-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.studio-title h1{font-size:48px}.studio-title .eyebrow{margin-bottom:10px}.preview-tag{font-size:11px;letter-spacing:.13em;border:1px solid var(--line);padding:9px 14px}.designer{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:40px;align-items:start}.visual{background:#e9eee7;border:1px solid var(--line);position:sticky;top:20px;min-width:0}.visual-top,.visual-bottom{display:flex;justify-content:space-between;padding:19px 25px;gap:15px;font-size:13px;color:#58695a}.visual-top{border-bottom:1px solid #d9e0d5}.visual-bottom{border-top:1px solid #d9e0d5;align-items:center;font-size:10px;letter-spacing:.08em}.visual-bottom button{border:0;border-bottom:1px solid #526955;background:none;color:var(--green);font-size:13px;cursor:pointer;padding:3px 0}canvas{display:block;width:100%;height:auto;aspect-ratio:1}#load-status{position:absolute;top:45%;width:100%;text-align:center;font-size:14px}fieldset{padding:0;margin:0 0 25px;border:0}legend{width:100%;font-size:12px;letter-spacing:.06em;color:#70816e;margin-bottom:13px;display:flex;align-items:center;gap:10px}legend span{font-size:15px;letter-spacing:0;font-weight:bold;color:var(--ink)}legend b{margin-left:auto;font-size:13px;letter-spacing:0;font-weight:normal;color:#526355}.segments{display:flex;gap:10px}.segments button{flex:1;padding:12px;border:1px solid var(--line);background:white;color:var(--ink);cursor:pointer;font-size:15px}.segments button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.design-options{display:grid;gap:8px}.design-options button{background:white;text-align:left;padding:13px 16px;border:1px solid var(--line);color:var(--ink);cursor:pointer;position:relative}.design-options button[aria-pressed=true]{border:2px solid var(--green);padding:12px 15px;background:#edf3e7}.design-options strong{display:block;font-size:15px}.design-options small{display:block;font-size:13px;color:#5b6b5c;margin-top:3px}.placement-note{font-size:12px;color:#5b6b5c;margin:8px 0 0}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{border:1px solid #b7c3b5;background:var(--swatch);width:34px;height:34px;border-radius:50%;cursor:pointer;position:relative}.swatch[aria-pressed=true]:after{content:'';position:absolute;inset:-5px;border:2px solid var(--green);border-radius:50%}.selection{border-top:1px solid var(--line);padding-top:18px}.selection .eyebrow{margin-bottom:7px;font-size:11px}.selection p{font-size:14px;margin:0 0 8px}#contrast-note{color:#796431;font-size:12px}.preview-note{font-size:12px;line-height:1.6;color:#64725f;margin-top:18px}.controls{min-width:0}@media(max-width:850px){.studio{padding:25px 5% 40px}.studio-title h1{font-size:38px}.studio-title{align-items:flex-start}.preview-tag{font-size:9px}.designer{grid-template-columns:1fr;gap:28px}.visual{position:relative;top:0}.controls{max-width:600px;width:100%}canvas{max-height:540px}.visual-top,.visual-bottom{padding:15px 18px}}@media(max-width:420px){.preview-tag{display:none}.studio-title h1{font-size:35px}legend b{font-size:12px}}

.view-switch{max-width:310px;margin:16px auto 0;padding:0 15px}.view-switch button{padding:8px;font-size:13px}.side-note{text-align:center;font-size:12px;padding:0 20px;color:#5b6b5c}[hidden]{display:none!important}

#side-preview{border-top:1px solid var(--line)}#side-canvas{max-width:460px;margin:0 auto}.visual:has(#side-preview:not([hidden])){position:static}

.egg-title{font-size:32px;margin:0 0 12px}.egg-intro{font-size:14px;color:#5b6b5c;margin:0 0 18px}#egg-options{margin-bottom:24px}#products button{font-size:14px;padding:12px 8px}.studio-title h1{font-size:44px}@media(max-width:500px){.studio-title h1{font-size:34px}}

.egg-color-field{margin-top:25px}

.original-finish{background:none;border:1px solid var(--green);padding:10px 12px;color:var(--green);font-size:13px;cursor:pointer;margin-bottom:10px}