.studio{width:min(100%, var(--shell-max));padding:clamp(1.5rem, 4vw, 3rem) var(--space-page) var(--space-section);color:var(--ink);gap:clamp(1.75rem,4vw,2.75rem);margin-inline:auto;display:grid}.studio__masthead{gap:.7rem;max-width:48rem;display:grid}.studio__breadcrumb{color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.studio__breadcrumb a:hover,.studio__breadcrumb [aria-current=page]{color:var(--ink)}.studio__masthead h1{font-size:var(--step-4);line-height:1.02}.studio__lede{max-width:42rem;color:var(--muted);font-size:var(--step-1);margin:0;line-height:1.7}.studio__workspace{align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.studio__left{gap:1.1rem;min-width:0;display:grid}.studio-preview,.studio-form,.studio-trust{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.studio-preview{overflow:hidden}.studio-preview__topline{justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.25rem .85rem;display:flex}.studio-preview h2{font-size:var(--step-1)}.studio-preview__frame{border-block:1px solid var(--line);background:radial-gradient(at 50% 58%,#ffffffb8,#0000 32%),linear-gradient(145deg,#e9e5dc 0%,#f6f4ee 48%,#e5e0d6 100%);padding:clamp(1rem,3vw,1.75rem);position:relative}.studio-preview__svg,.studio-preview__empty{aspect-ratio:1.5;width:100%;min-height:18rem;display:block}.studio-preview__empty{min-height:20rem;color:var(--muted);font-size:var(--step--1);justify-content:center;align-items:center;gap:.65rem;padding:1.5rem;display:flex}.studio-preview__meta{color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;gap:.35rem .75rem;padding:.95rem 1.25rem .4rem;display:flex}.studio-preview__meta span:not(:last-child):after{content:"·";color:var(--gold);margin-left:.75rem}.studio-preview__material{font-family:var(--font-serif);color:var(--ink);margin:0;padding:0 1.25rem .85rem;font-size:1.05rem}.studio-preview__footline{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.35rem 1rem;padding:.85rem 1.25rem;font-size:.76rem;display:flex}.studio-preview__note{color:var(--muted);margin:0;padding:0 1.25rem 1.15rem;font-size:.72rem;line-height:1.55}.studio-trust{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.studio-trust div{text-align:center;align-content:center;place-items:center;gap:.3rem;min-height:7.5rem;padding:1rem;display:grid}.studio-trust div:nth-child(odd){border-right:1px solid var(--line)}.studio-trust div:nth-child(-n+2){border-bottom:1px solid var(--line)}.studio-trust span{color:var(--gold);font-size:1.1rem}.studio-trust strong{font-family:var(--font-serif);font-size:1.05rem;font-weight:500}.studio-trust p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.4}.studio-form{gap:0;display:grid;overflow:hidden}.studio-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:0;padding:1.25rem 1.5rem 1.1rem;list-style:none;display:grid}.studio-stepper li{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;display:grid;position:relative}.studio-stepper li:not(:last-child):after{content:"";background:var(--line-strong);z-index:0;height:1px;position:absolute;top:1.075rem;left:2.7rem;right:-.65rem}.studio-stepper__dot{z-index:1;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);width:2.15rem;height:2.15rem;color:var(--muted);font-family:var(--font-serif);place-items:center;font-size:1rem;display:grid;position:relative}.studio-stepper p{z-index:1;background:var(--surface);letter-spacing:.02em;justify-self:start;width:fit-content;max-width:100%;margin:0;padding-right:.35rem;font-size:.82rem;position:relative}.studio-stepper [data-state=active] .studio-stepper__dot{border-color:var(--ink);background:var(--ink);color:var(--ink-inverse)}.studio-stepper [data-state=done] .studio-stepper__dot{border-color:var(--gold-deep);background:var(--gold-deep);color:var(--ink-inverse)}.studio-stepper [data-state=active] p,.studio-stepper [data-state=done] p{color:var(--ink)}.studio-step{border-top:1px solid var(--line);gap:1.1rem;padding:1.5rem;display:grid}.studio-step__heading{align-items:center;gap:.7rem;display:flex}.studio-step__no{border-radius:var(--radius-pill);background:var(--gold-tint);width:1.75rem;height:1.75rem;color:var(--gold-deep);font-family:var(--font-serif);place-items:center;font-size:.95rem;display:grid}.studio-step h2{font-size:var(--step-2)}.studio-field,.studio-select{gap:.5rem;min-width:0;display:grid;position:relative}.studio-select:has(.studio-select__shell[data-open=true]){z-index:30}.studio-field>label,.studio-fonts legend,.studio-select>span{font-family:var(--font-sans);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:500}.studio-input-shell{position:relative}.studio-input-shell input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:3.25rem;color:var(--ink);font-family:var(--font-serif);transition:border-color var(--dur) var(--ease);padding:.85rem 2.75rem .85rem 1rem;font-size:1.35rem}.studio-input-shell input:focus-visible{border-color:var(--gold-deep)}.studio-input-shell__mark{width:1.4rem;height:1.4rem;color:var(--success);place-items:center;font-size:.85rem;display:grid;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.studio-input-shell[data-valid=false] input{border-color:var(--danger)}.studio-input-shell[data-valid=false] .studio-input-shell__mark{color:var(--danger)}.studio-field__note{color:var(--muted);font-size:var(--step--1);margin:0}.studio-field__error{color:var(--danger);font-size:var(--step--1);margin:0}.studio-fonts{border:0;gap:.7rem;margin:0;padding:0;display:grid}.studio-fonts legend{margin-bottom:.15rem;padding:0}.studio-fonts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.studio-font{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);gap:.5rem;padding:.9rem .9rem .8rem;display:grid}.studio-font:hover{border-color:var(--gold-soft)}.studio-font[data-selected=true]{border-color:var(--gold-deep);box-shadow:inset 0 0 0 1px var(--gold-deep);background:var(--gold-tint)}.studio-font__sample{min-height:2.6rem;color:var(--gold-deep);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.9rem,7vw,2.4rem);line-height:1.05;display:block;overflow:hidden}.studio-font__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.studio-font__name{font-family:var(--font-serif);color:var(--ink);font-size:1rem}.studio-font-detail{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--paper-deep) 55%, var(--surface));grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;margin:0;padding:.95rem 1.05rem;display:grid}.studio-font-detail div{gap:.1rem;display:grid}.studio-font-detail dt{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);font-size:.66rem}.studio-font-detail dd{color:var(--ink-soft);overflow-wrap:anywhere;margin:0;font-size:.82rem}.studio-range{grid-template-columns:minmax(0,1fr) 5.5rem;align-items:center;gap:.9rem;display:grid}.studio-range input{width:100%;accent-color:var(--gold-deep)}.studio-range output{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-variant-numeric:tabular-nums;place-items:center;min-height:3.1rem;font-size:.95rem;display:grid}.studio-options-grid{gap:.9rem;display:grid}.studio-select__shell{position:relative}.studio-select__trigger{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:3.1rem;color:var(--ink);font-family:var(--font-sans);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);justify-content:space-between;align-items:center;padding:.75rem 2.5rem .75rem .95rem;font-size:.95rem;display:flex}.studio-select__trigger:focus-visible,.studio-select__shell[data-open=true] .studio-select__trigger{border-color:var(--gold-deep);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold-soft) 35%, transparent)}.studio-select__chevron{border-right:1.5px solid var(--ink-soft);border-bottom:1.5px solid var(--ink-soft);pointer-events:none;width:.5rem;height:.5rem;transition:transform var(--dur) var(--ease);position:absolute;top:50%;right:1.05rem;transform:translateY(-70%)rotate(45deg)}.studio-select__shell[data-open=true] .studio-select__chevron{transform:translateY(-25%)rotate(225deg)}.studio-select__menu{z-index:20;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 96%, var(--gold-tint));gap:.2rem;max-height:15rem;padding:.35rem;display:grid;position:absolute;inset:calc(100% + .4rem) 0 auto;overflow-y:auto;box-shadow:0 1rem 2.5rem #2a201229}.studio-select__menu[hidden]{display:none}.studio-select__menu button{border-radius:var(--radius-sm);width:100%;min-height:2.7rem;color:var(--ink);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.studio-select__menu button[data-active=true]{background:var(--gold-tint)}.studio-select__menu button[aria-selected=true]{color:var(--gold-deep);font-weight:600}.studio-actions{gap:.75rem;display:grid}.studio-button{width:100%}.studio-summary{border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--paper-deep) 45%, var(--surface));gap:1rem;padding:1.25rem;display:grid}.studio-summary__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.studio-summary h3,.studio-checkout h3{font-size:var(--step-1)}.studio-summary__rows{gap:.55rem;margin:0;display:grid}.studio-summary__rows div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.studio-summary__rows dt,.studio-summary__rows dd{margin:0;font-size:.88rem}.studio-summary__rows dt{color:var(--muted)}.studio-summary__rows dd{text-align:right;color:var(--ink)}.studio-summary__price{border-top:1px solid var(--line);gap:.2rem;padding-top:.95rem;display:grid}.studio-summary__price p{color:var(--muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0;font-size:.72rem}.studio-summary__price strong{font-family:var(--font-serif);color:var(--ink);font-size:clamp(2rem,6vw,2.6rem);font-weight:500;line-height:1.05}.studio-summary__price span,.studio-summary__checkout{color:var(--muted);margin:0;font-size:.8rem}.studio-summary__checkout{overflow-wrap:anywhere}.studio-checkout{transition:opacity var(--dur) var(--ease);gap:1rem;display:grid}.studio-checkout[data-locked=true]{opacity:.72}.studio-checkout__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.studio-checkout__grid{gap:.85rem;display:grid}.studio-checkout label{font-family:var(--font-sans);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);gap:.4rem;font-size:.72rem;font-weight:500;display:grid}.studio-checkout input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:3rem;color:var(--ink);font-family:var(--font-sans);letter-spacing:normal;text-transform:none;transition:border-color var(--dur) var(--ease);padding:.7rem .9rem;font-size:.95rem}.studio-checkout input:focus-visible{border-color:var(--gold-deep)}.studio-checkout__legal{color:var(--muted);font-family:var(--font-sans);font-size:var(--step--1);letter-spacing:normal;text-transform:none;grid-template-columns:1.15rem minmax(0,1fr);align-items:start;gap:.6rem;font-weight:400;line-height:1.55;display:grid}.studio-checkout__legal input{width:1.05rem;min-height:1.05rem;accent-color:var(--gold-deep);margin-top:.15rem}.studio-checkout__result{border:1px solid var(--line-strong);border-left:3px solid var(--gold-deep);border-radius:var(--radius-sm);background:var(--gold-tint);gap:.5rem;padding:1rem;display:grid}.studio-checkout__result p{font-size:var(--step--1);color:var(--ink);margin:0}.studio-status{min-height:1.35rem;color:var(--muted);font-size:var(--step--1);margin:0}.studio--state{align-content:center;min-height:60vh}.studio-state{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);max-width:34rem;box-shadow:var(--shadow-sm);gap:1rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.studio-state h1{font-size:var(--step-3)}.studio-state__loading{color:var(--muted);font-size:var(--step-0);align-items:center;gap:.65rem;display:flex}.studio-spinner{border:2px solid var(--line-strong);border-top-color:var(--gold-deep);border-radius:var(--radius-pill);flex:none;width:1.1rem;height:1.1rem;animation:.8s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}@media (min-width:40rem){.studio-options-grid,.studio-checkout__grid,.studio-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:60rem){.studio__workspace{grid-template-columns:minmax(0,1.02fr) minmax(26rem,.98fr)}.studio__left{position:sticky;top:8rem}.studio-options-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:40rem){.studio-stepper{gap:.4rem;padding:1.1rem 1rem}.studio-stepper li{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.4rem}.studio-stepper li:not(:last-child):after{display:none}.studio-step{padding:1.15rem}.studio-trust{grid-template-columns:1fr}.studio-trust div,.studio-trust div:nth-child(odd),.studio-trust div:nth-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.studio-trust div:last-child{border-bottom:0}}