.studio{--studio-panel:clamp(28rem,min(45vw,100vw - 32rem),50rem);--studio-pad:1.75rem;display:grid;grid-template-columns:minmax(0,1fr) var(--studio-panel);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"view head" "view steps" "view scroll" "view buy";height:calc(100svh - var(--nav-h) - 1px);background:var(--bg);color:var(--ink-2);font-size:var(--t-sm);line-height:1.5}:where(.studio) :where(button,input){-webkit-tap-highlight-color:transparent;font:inherit;color:inherit}:where(.studio) :where(button){cursor:pointer}:where(.studio) :where(button:disabled){cursor:not-allowed}.studio :is(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--navy);outline-offset:2px}.studio-view{grid-area:view;display:flex;flex-direction:column;min-width:0;min-height:0}.studio-view>.studio-stage{flex:1 1 auto}.studio-buy,.studio-head,.studio-scroll,.studio-steps{border-left:1px solid var(--line)}.studio-head{grid-area:head}.studio-steps{grid-area:steps}.studio-scroll{grid-area:scroll;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.studio-buy{grid-area:buy}.studio-head{padding:1rem var(--studio-pad) 1.1rem;background:var(--bg);container:studio-head/inline-size}@container studio-head (max-width: 32rem){.studio-features,.studio-link span{display:none}}.studio-head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.25rem}.studio-head-actions{display:flex;flex-shrink:0;align-items:center;gap:.35rem}.studio-back{display:inline-flex;align-items:center;gap:.4rem;min-width:0;min-height:1.5rem;color:var(--ink-4);font-size:var(--t-xs);font-weight:500;text-decoration:none;white-space:nowrap;transition:color var(--dur) var(--ease)}.studio-back span{overflow:hidden;text-overflow:ellipsis}.studio-back:hover{color:var(--ink)}.studio-link{display:inline-flex;align-items:center;gap:.35rem;height:2.25rem;padding:0 .6rem;border:0;border-radius:var(--r-ctl);background:none;color:var(--ink-3);font-size:var(--t-xs);font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.studio-link:hover{background:var(--bg-3);color:var(--ink)}.studio-special-button{display:inline-flex;align-items:center;gap:.45rem;height:2.25rem;padding:0 .8rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);font-size:var(--t-xs);font-weight:700;white-space:nowrap;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.studio-special-button svg{color:var(--navy)}.studio-special-button:hover{border-color:var(--ink-4);background:var(--bg-2)}.studio-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:.7rem}.studio-title-main{min-width:0}.studio-title h1{margin:0;color:var(--ink);font-family:var(--font-title),var(--font-inter),system-ui,sans-serif;font-size:var(--t-3xl);font-weight:700;line-height:1.04;letter-spacing:var(--ls-display);text-wrap:balance}.studio-subtitle{margin:.45rem 0 0;color:var(--ink-4);font-size:var(--t-sm)}.studio-features{display:block;margin-top:.3rem;color:var(--slate-ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide)}.studio-edit{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.9rem;padding:.6rem .75rem;border:1px solid var(--warn-line);border-radius:var(--r-ctl);background:var(--warn-soft);color:var(--warn);font-size:var(--t-xs)}.studio-edit button{flex-shrink:0;border:0;background:none;color:var(--ink);font-weight:700;text-decoration:underline}.studio-models{position:relative;flex-shrink:0;margin-top:.15rem}.studio-models-toggle{display:inline-flex;align-items:center;gap:.35rem;height:2.25rem;padding:0 .65rem 0 .8rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink-3);font-size:var(--t-xs);font-weight:500;white-space:nowrap;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.studio-models-toggle:hover,.studio-models-toggle[aria-expanded=true]{border-color:var(--ink-4);color:var(--ink)}.studio-models-toggle svg{transition:transform var(--dur) var(--ease)}.studio-models-short{display:none}.studio-models-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.studio-models-panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:30;width:min(26rem,calc(100vw - 2rem));max-height:min(34rem,calc(100svh - var(--nav-h) - 8rem));overflow-y:auto;padding:.6rem;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);box-shadow:var(--shadow-frame);animation:studio-rise var(--dur-in) var(--ease)}.studio-models-panel section+section{margin-top:.35rem;padding-top:.35rem;border-top:1px solid var(--line-soft)}.studio-models-panel h2{margin:0;padding:.45rem .6rem .3rem;color:var(--slate-ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);font-weight:500;letter-spacing:var(--ls-kicker);text-transform:uppercase}.studio-models-panel ul{margin:0;padding:0;list-style:none}.studio-models-panel a{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem .6rem;border-radius:var(--r-ctl);color:var(--ink-2);text-decoration:none;transition:background-color var(--dur) var(--ease)}.studio-models-panel a:hover{background:var(--bg-2)}.studio-models-panel a[aria-current=page]{background:var(--navy-soft)}.studio-models-panel .studio-glyph{width:2.25rem;height:2.8rem;color:var(--ink-3)}.studio-models-panel a[aria-current=page] .studio-glyph{color:var(--navy)}.studio-models-name{display:grid;min-width:0}.studio-models-name strong{color:var(--ink);font-size:var(--t-sm);font-weight:700;line-height:1.3;text-wrap:balance}.studio-models-name small{overflow:hidden;color:var(--ink-4);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap}.studio-models-price{color:var(--ink-3);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);white-space:nowrap}.studio-steps{position:relative;z-index:3;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);container:studio-steps/inline-size}.studio-steps-track{display:grid;gap:.6rem;margin:0;padding:.8rem var(--studio-pad) .7rem;list-style:none}.studio-steps li{min-width:0}.studio-steps button{display:grid;gap:.4rem;width:100%;min-width:0;padding:0 0 .1rem;border:0;background:none;color:var(--ink-4);text-align:left}.studio-steps-rule{display:block;height:3px;border-radius:var(--r-full);background:var(--line);transition:background-color var(--dur-in) var(--ease)}.studio-steps button:hover .studio-steps-rule{background:var(--slate-lit)}.studio-steps button[data-state=current] .studio-steps-rule,.studio-steps button[data-state=done] .studio-steps-rule{background:var(--navy)}.studio-steps button[data-state=missing] .studio-steps-rule{background:var(--warn)}.studio-steps-head{display:flex;align-items:center;gap:.4rem;min-width:0}.studio-steps-index{display:inline-grid;flex:none;place-items:center;min-width:1.1rem;height:1.1rem;color:var(--ink-4);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);line-height:1}.studio-steps button[data-done] .studio-steps-index{border-radius:var(--r-full);background:var(--navy);color:var(--bg)}.studio-steps-label{overflow:hidden;color:var(--ink-3);font-size:var(--t-xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.studio-steps-short{display:none}@container studio-steps (max-width: 36rem){.studio-steps-long{display:none}.studio-steps-short{display:inline}}.studio-steps button[aria-current=step] .studio-steps-label{color:var(--ink);font-weight:700}.studio-steps button[aria-current=step]:not([data-done]) .studio-steps-index{color:var(--navy)}.studio-steps-summary{min-height:1.1rem;overflow:hidden;color:var(--slate-ink);font-size:var(--t-2xs);line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.studio-steps button[data-state=missing] .studio-steps-summary{color:var(--warn)}.studio-section{padding:1.5rem var(--studio-pad) 2rem}.studio-section[hidden]{display:none}.studio-section-head{display:grid;gap:.3rem;margin-bottom:1.4rem}.studio-section-index{color:var(--slate-ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-kicker);text-transform:uppercase}.studio-section-head h2{margin:0;color:var(--ink);font-family:var(--font-title),var(--font-inter),system-ui,sans-serif;font-size:var(--t-2xl);font-weight:700;line-height:1.15;letter-spacing:var(--ls-tight)}.studio-section-head h2:focus:not(:focus-visible){outline:none}.studio-section-intro{max-width:36rem;margin:0;color:var(--ink-3);font-size:var(--t-sm);line-height:1.55}.studio-section [data-criterion]{border-radius:var(--r-ctl);outline:2px solid transparent;outline-offset:.5rem;scroll-margin-top:1rem;transition:outline-color var(--dur-in) var(--ease)}.studio-section [data-criterion][data-next]{outline-color:var(--navy-lit)}@media (hover:none){.studio-hover-only{display:none}}.studio-section-body{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.studio-dimensions>*,.studio-field>*,.studio-finish>*,.studio-options>*,.studio-section-body>*{min-width:0}.studio-doc-links{display:flex;flex-wrap:wrap;gap:.5rem}.studio-doc-links a{display:inline-flex;align-items:center;gap:.45rem;height:2.5rem;padding:0 .85rem;border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--ink);font-size:var(--t-xs);font-weight:500;text-decoration:none;transition:border-color var(--dur) var(--ease)}.studio-doc-links a:hover{border-color:var(--ink-4)}.studio-doc-links small{color:var(--ink-4);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs)}.studio-special{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg-2)}.studio-special strong{color:var(--ink);font-size:var(--t-sm);font-weight:700}.studio-special p{margin:.15rem 0 0;color:var(--ink-3);font-size:var(--t-xs);line-height:1.5}.studio-special button{display:inline-flex;flex-shrink:0;align-items:center;gap:.45rem;height:2.5rem;padding:0 .9rem;border:1px solid var(--ink);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);font-size:var(--t-xs);font-weight:700;white-space:nowrap;transition:background-color var(--dur) var(--ease)}.studio-special button:hover{background:var(--bg-3)}.studio-field{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}.studio-field-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.studio-label{display:grid;gap:.1rem;margin:0;color:var(--ink);font-size:var(--t-sm);font-weight:700}.studio-label small{color:var(--ink-4);font-size:var(--t-xs);font-weight:400}.studio-measure,.studio-value{flex-shrink:0;color:var(--ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-sm);white-space:nowrap}.studio-measure small{margin-left:.35rem;color:var(--ink-4);font-size:var(--t-2xs)}.studio-value{color:var(--slate-ink);font-size:var(--t-xs)}.studio-row-field{justify-content:space-between;gap:1rem}.studio-hint,.studio-row-field{display:flex;align-items:center}.studio-hint{gap:.35rem;margin:0;color:var(--ink-4);font-size:var(--t-xs)}.studio-mono{font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide)}.studio-error{color:var(--danger)}.studio-error,.studio-note{margin:0;font-size:var(--t-xs)}.studio-note{color:var(--ink-4)}.studio-note.is-warn{color:var(--warn)}.studio-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .6rem}.studio-subhead span{color:var(--slate-ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-kicker);text-transform:uppercase}.studio-subhead strong{overflow:hidden;color:var(--ink-2);font-size:var(--t-xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.studio-seg{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-ctl);background:var(--bg-3)}.studio-seg button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:2.75rem;height:2.1rem;padding:0 .8rem;border:0;border-radius:calc(var(--r-ctl) - 3px);background:none;color:var(--ink-3);font-size:var(--t-xs);font-weight:500;white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.studio-seg button:hover:not(:disabled,[aria-pressed=true]){color:var(--ink)}.studio-seg button[aria-pressed=true]{background:var(--navy);color:var(--bg)}.studio-seg button:disabled{opacity:.45}.studio-seg.is-fill{display:flex}.studio-seg.is-fill button{flex:1}.studio-seg-scroll{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none}.studio-seg-scroll button{flex:1 0 auto}.studio-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:1rem .75rem}.studio-tiles.is-decor{grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}.studio-tiles.is-dense{grid-template-columns:repeat(auto-fill,minmax(3.6rem,1fr));gap:.6rem .5rem}.studio-tile{position:relative;display:grid;align-content:start;gap:.2rem;padding:0;border:0;background:none;text-align:left}.studio-tile-visual{position:relative;display:block;aspect-ratio:1/1.08;margin-bottom:.35rem;overflow:hidden;border-radius:var(--r-ctl);box-shadow:inset 0 0 0 1px rgba(14,20,23,.08);transition:box-shadow var(--dur) var(--ease)}.studio-tiles.is-dense .studio-tile-visual{aspect-ratio:1;margin-bottom:.15rem}.studio-tile-image{-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-in) var(--ease)}.studio-tile-image.is-door{transform:scale(3.2);transform-origin:50% 24%}.studio-tile:hover .studio-tile-image{transform:scale(1.05)}.studio-tile:hover .studio-tile-image.is-door{transform:scale(3.35)}.studio-tile[aria-pressed=true] .studio-tile-visual{box-shadow:inset 0 0 0 2px var(--navy),inset 0 0 0 4px var(--bg)}.studio-tile-name{display:-webkit-box;overflow:hidden;color:var(--ink-2);font-size:var(--t-xs);font-weight:500;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-tiles.is-dense .studio-tile-name{color:var(--ink-3);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs)}.studio-tile[aria-pressed=true] .studio-tile-name{color:var(--ink);font-weight:700}.studio-tile-price{color:var(--ink-4);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs)}.studio-tile-check{position:absolute;top:.4rem;right:.4rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:2px solid var(--bg);border-radius:var(--r-full);background:var(--navy);color:var(--bg)}.studio-tiles.is-dense .studio-tile-check{top:.15rem;right:.15rem;width:1.2rem;height:1.2rem}.studio-variants{display:grid}.studio-pills{display:flex;flex-wrap:wrap;gap:.5rem}.studio-pills button{display:inline-grid;justify-items:center;align-content:center;min-width:4.1rem;min-height:2.75rem;padding:.3rem .8rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.studio-pills button:hover{border-color:var(--ink-4)}.studio-pills strong{color:var(--ink-2);font-size:var(--t-sm);font-weight:500}.studio-pills small,.studio-pills strong{font-family:var(--font-plex-mono),ui-monospace,monospace;line-height:1.2}.studio-pills small{color:var(--ink-4);font-size:var(--t-2xs)}.studio-pills button.is-custom strong{font-family:var(--font-inter),system-ui,sans-serif;font-size:var(--t-xs)}.studio-pills button[aria-pressed=true]{border-color:var(--navy);background:var(--navy)}.studio-pills button[aria-pressed=true] :is(strong,small){color:var(--bg)}.studio-pills.is-wide button{min-width:5.5rem}.studio-custom{display:grid;gap:.5rem;padding:.9rem;border-radius:var(--r-ctl);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-soft)}.studio-stepper{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.studio-stepper>button:not(.studio-reset){display:grid;place-items:center;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);transition:border-color var(--dur) var(--ease)}.studio-stepper>button:not(.studio-reset):hover{border-color:var(--ink-4)}.studio-stepper label{display:inline-flex;align-items:center;gap:.35rem;height:2.75rem;padding:0 .85rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg)}.studio-stepper label:focus-within{border-color:var(--navy)}.studio-stepper input{width:4.6rem;border:0;background:none;color:var(--ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-lg);text-align:right;outline:none;-moz-appearance:textfield}.studio-stepper input::-webkit-inner-spin-button,.studio-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.studio-stepper label span{color:var(--ink-4);font-size:var(--t-xs)}.studio-stepper input[aria-invalid=true]{color:var(--danger)}.studio-reset{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;padding:.35rem .4rem;border:0;background:none;color:var(--ink-3);font-size:var(--t-xs);font-weight:500}.studio-reset:hover{color:var(--ink)}.studio-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.5rem}.studio-cards.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-cards.is-three{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.studio-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"visual aside" "body body";align-content:start;align-items:start;gap:.65rem .75rem;padding:.8rem .85rem .85rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);text-align:left;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.studio-card:hover{border-color:var(--ink-4)}.studio-card[aria-pressed=true]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.studio-card-drawing,.studio-card-icon{grid-area:visual}.studio-card-mark,.studio-card-price{grid-area:aside;justify-self:end}.studio-card-icon{width:1.6rem;height:1.6rem;fill:none;stroke:var(--ink-3);stroke-width:1.4}.studio-card-icon .is-solid{fill:var(--ink-3);stroke:none}.studio-card-icon .is-cut{stroke:var(--bg);stroke-width:1.2}.studio-card[aria-pressed=true] .studio-card-icon{stroke:var(--navy)}.studio-card[aria-pressed=true] .studio-card-icon .is-solid{fill:var(--navy)}.studio-card-body{display:grid;grid-area:body;gap:.15rem;min-width:0}.studio-card-body strong{color:var(--ink);font-size:var(--t-sm);font-weight:700;line-height:1.3;overflow-wrap:break-word;text-wrap:balance}.studio-card-body small{color:var(--ink-4);font-size:var(--t-xs);line-height:1.4;overflow-wrap:break-word}.studio-card-price{padding-top:.2rem;color:var(--ink-3);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);line-height:1.2;white-space:nowrap}.studio-card[aria-pressed=true] .studio-card-price{color:var(--navy)}.studio-card-drawing{width:2.6rem;height:1.5rem;fill:none;stroke:var(--ink-3);stroke-width:1.3;stroke-linejoin:round}.studio-card[aria-pressed=true] .studio-card-drawing{stroke:var(--navy)}.studio-card-mark{display:grid;place-items:center;width:1.15rem;height:1.15rem;border:1px solid var(--line);border-radius:var(--r-full);color:transparent;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.studio-card[aria-pressed=true] .studio-card-mark{border-color:var(--navy);background:var(--navy);color:var(--bg)}.studio-card.is-din{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "body";justify-items:stretch;gap:.35rem;padding:.6rem .7rem .7rem}.studio-din{grid-area:visual;width:100%;height:5.6rem}.studio-din-text{fill:var(--ink-4);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:10px;letter-spacing:var(--ls-wide);text-transform:uppercase}.studio-din-wall{fill:var(--line)}.studio-din-arc{fill:none;stroke:var(--slate);stroke-dasharray:4 4;stroke-width:1.2}.studio-din-leaf{stroke:var(--ink-3);stroke-width:4;stroke-linecap:round}.studio-din-hinge{fill:var(--ink-3)}.studio-din.is-active .studio-din-leaf{stroke:var(--navy)}.studio-din.is-active .studio-din-hinge{fill:var(--navy)}.studio-din.is-active .studio-din-arc{stroke:var(--navy)}.studio-rows{display:grid;border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden}.studio-row{display:grid;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.1rem;padding:.55rem .85rem .55rem .7rem;border:0;background:var(--bg);text-align:left;transition:background-color var(--dur) var(--ease)}.studio-row+.studio-row{border-top:1px solid var(--line-soft)}.studio-row:hover{background:var(--bg-2)}.studio-row[aria-pressed=true]{background:var(--navy-soft);box-shadow:inset 3px 0 0 var(--navy)}.studio-row-db{color:var(--ink);font-family:var(--font-title),var(--font-inter),system-ui,sans-serif;font-size:var(--t-lg);font-weight:700;line-height:1}.studio-row-db small{margin-left:.1rem;color:var(--ink-4);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);font-weight:400}.studio-row-mark{display:grid;place-items:center;justify-self:center;width:1.15rem;height:1.15rem;border:1px solid var(--line);border-radius:var(--r-full);color:transparent}.studio-row[aria-pressed=true] .studio-row-mark{border-color:var(--navy);background:var(--navy);color:var(--bg)}.studio-row-body{display:grid;min-width:0}.studio-row-body strong{color:var(--ink);font-size:var(--t-sm);font-weight:500;line-height:1.35;overflow-wrap:break-word}.studio-row-body small{color:var(--ink-4);font-size:var(--t-xs);line-height:1.4;overflow-wrap:break-word}.studio-row-price{color:var(--ink-3);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);white-space:nowrap}.studio-color{display:grid;gap:.8rem}.studio-color-row{display:grid;grid-template-columns:3rem minmax(0,1fr);grid-template-rows:auto auto;gap:.25rem .8rem;align-items:center}.studio-color-chip{display:grid;grid-row:1/3;place-items:center;width:3rem;height:3rem;border-radius:var(--r-ctl);background:var(--bg-3);box-shadow:inset 0 0 0 1px rgba(14,20,23,.1);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide)}.studio-color-input{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:2.6rem;padding:0 .85rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg)}.studio-color-input:focus-within{border-color:var(--navy)}.studio-color-input span{color:var(--ink-4);font-size:var(--t-xs);white-space:nowrap}.studio-color-input input{width:100%;min-width:0;border:0;background:none;color:var(--ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-base);text-align:right;outline:none}.studio-color-input input[aria-invalid=true]{color:var(--danger)}.studio-color-name{color:var(--ink-3);font-size:var(--t-xs)}.studio-fan{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem}.studio-fan button{aspect-ratio:1;border:0;border-radius:calc(var(--r-ctl) - 3px);box-shadow:inset 0 0 0 1px rgba(14,20,23,.1);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.studio-fan button span{display:none}.studio-fan button:hover{transform:translateY(-2px)}.studio-fan button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--navy),inset 0 0 0 4px var(--bg)}.studio-color.is-compact .studio-color-row{grid-template-columns:2.4rem minmax(0,1fr)}.studio-color.is-compact .studio-color-chip{width:2.4rem;height:2.4rem}.studio-switch{position:relative;flex-shrink:0;width:2.75rem;height:1.6rem;padding:0;border:0;border-radius:var(--r-full);background:var(--line);transition:background-color var(--dur) var(--ease)}.studio-switch span{position:absolute;top:3px;left:3px;width:calc(1.6rem - 6px);height:calc(1.6rem - 6px);border-radius:var(--r-full);background:var(--bg);box-shadow:var(--shadow-soft);transition:transform var(--dur) var(--ease)}.studio-switch[aria-pressed=true]{background:var(--navy)}.studio-switch[aria-pressed=true] span{transform:translateX(1.15rem)}.studio-switch:disabled{opacity:.45}.studio-interior{display:grid;gap:.8rem;padding-top:1.1rem;border-top:1px solid var(--line-soft)}.studio-interior-body{display:grid;gap:.7rem}.studio-chip-list{display:flex;flex-wrap:wrap;gap:.4rem}.studio-chip-list button{display:inline-flex;align-items:center;gap:.45rem;min-height:2.2rem;padding:0 .75rem 0 .5rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink-2);font-size:var(--t-xs);font-weight:500;transition:border-color var(--dur) var(--ease)}.studio-chip-list button:hover{border-color:var(--ink-4)}.studio-chip-list button[aria-pressed=true]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy);color:var(--ink)}.studio-chip-dot{width:1rem;height:1rem;border-radius:var(--r-full);box-shadow:inset 0 0 0 1px rgba(14,20,23,.12)}.studio-subpanel{display:grid;gap:.7rem;padding:.9rem;border-radius:var(--r-ctl);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-soft)}.studio-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.studio-input-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-inline-input{display:grid;gap:.3rem;color:var(--ink-3);font-size:var(--t-xs);font-weight:500}.studio-inline-input.is-wide{grid-column:1/-1}.studio-inline-input>input,.studio-input-unit{display:flex;align-items:center;gap:.4rem;height:2.6rem;padding:0 .75rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg)}.studio-inline-input>input,.studio-input-unit input{width:100%;color:var(--ink);font-size:var(--t-base);outline:none}.studio-input-unit input{min-width:0;border:0;background:none;font-family:var(--font-plex-mono),ui-monospace,monospace;-moz-appearance:textfield}.studio-input-unit input::-webkit-inner-spin-button,.studio-input-unit input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.studio-input-unit small{color:var(--ink-4);font-size:var(--t-2xs)}.studio-inline-input>input:focus,.studio-input-unit:focus-within{border-color:var(--navy)}.studio-input-unit:has(input[aria-invalid=true]){border-color:var(--danger)}.studio-upload{grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.9rem;border:1px dashed var(--slate-lit)}.studio-upload,.studio-upload-icon{display:grid;border-radius:var(--r-ctl)}.studio-upload-icon{place-items:center;width:2.2rem;height:2.2rem;background:var(--slate-soft);color:var(--slate-ink)}.studio-upload-body{display:grid;gap:.35rem;justify-items:start}.studio-upload-body strong{color:var(--ink);font-size:var(--t-sm);font-weight:700}.studio-upload-body small{color:var(--ink-4);font-size:var(--t-xs)}.studio-upload-file{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;color:var(--ink-2);font-size:var(--t-xs)}.studio-upload-file a{overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.studio-upload-file button{display:grid;place-items:center;width:1.6rem;height:1.6rem;border:0;border-radius:var(--r-ctl);background:none;color:var(--ink-4)}.studio-upload-file button:hover{background:var(--bg-3);color:var(--danger)}.studio-ghost{display:inline-flex;align-items:center;gap:.4rem;height:2.3rem;padding:0 .9rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);font-size:var(--t-xs);font-weight:700;transition:border-color var(--dur) var(--ease)}.studio-ghost:hover:not(:disabled){border-color:var(--ink-4)}.studio-ghost:disabled{opacity:.5}.studio-dimensions,.studio-finish,.studio-options{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.studio-spec{display:grid;margin:0;border-top:1px solid var(--line)}.studio-spec div{display:grid;grid-template-columns:minmax(7rem,38%) minmax(0,1fr);gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line-soft)}.studio-spec dt{color:var(--slate-ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase}.studio-spec dd{min-width:0;margin:0;color:var(--ink-2);font-size:var(--t-xs);line-height:1.5;overflow-wrap:anywhere}.studio-breakdown{display:grid;margin:0;padding:.85rem 1rem;border-radius:var(--r-ctl);background:var(--bg-2)}.studio-breakdown div{display:flex;justify-content:space-between;gap:1rem;padding:.22rem 0;color:var(--ink-3);font-size:var(--t-xs)}.studio-breakdown dd,.studio-breakdown dt{margin:0}.studio-breakdown dd{font-family:var(--font-plex-mono),ui-monospace,monospace;white-space:nowrap}.studio-breakdown .is-total{margin-top:.35rem;padding-top:.55rem;border-top:1px solid var(--line);color:var(--ink);font-weight:700}.studio-exports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.studio-exports-grid button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:3rem;padding:.5rem .8rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);font-size:var(--t-xs);font-weight:500;text-align:left;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.studio-exports-grid button:hover:not(:disabled){border-color:var(--ink-4)}.studio-exports-grid button small{color:var(--ink-4);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs)}.studio-exports-grid button.is-primary{grid-column:1/-1;border-color:var(--navy);background:var(--navy);color:var(--bg);font-weight:700}.studio-exports-grid button.is-primary small{color:var(--navy-lit)}.studio-exports-grid button.is-primary:hover:not(:disabled){background:var(--navy-ink)}.studio-exports-grid button:disabled{opacity:.45}.studio-fine{margin:0;color:var(--ink-4);font-size:var(--t-xs);line-height:1.55}.studio-buy{position:relative;z-index:3;padding:.85rem var(--studio-pad) 1rem;border-top:1px solid var(--line);background:var(--bg)}.studio-buy-flash{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin:0 0 .6rem;color:var(--ok);font-size:var(--t-xs);font-weight:500}.studio-buy-flash a{color:var(--ink)}.studio-buy-flash.is-error{color:var(--danger)}.studio-buy-missing{margin:0 0 .65rem;overflow:hidden;color:var(--ink-3);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap}.studio-buy-missing span{margin-right:.35rem;color:var(--warn);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase}.studio-buy-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem}.studio-total{display:grid;flex:999 1 auto;min-width:0}.studio-buy-actions{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:.5rem}.studio-total small{overflow:hidden;contain:inline-size;color:var(--slate-ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.studio-total s{color:var(--ink-4)}.studio-price{color:var(--ink);font-family:var(--font-title),var(--font-inter),system-ui,sans-serif;font-size:var(--t-2xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15;letter-spacing:var(--ls-tight);white-space:nowrap}.studio-price.is-empty,.studio-total em{color:var(--ink-4)}.studio-total em{overflow:hidden;contain:inline-size;font-size:var(--t-2xs);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.studio-total em a{color:var(--ink)}.studio-qty{display:inline-flex;flex:none;align-items:center;height:3rem;border:1px solid var(--line);border-radius:var(--r-ctl)}.studio-qty button{display:grid;place-items:center;width:2.25rem;height:100%;border:0;background:none;color:var(--ink-2)}.studio-qty button:disabled{color:var(--line)}.studio-qty span{min-width:1.4rem;color:var(--ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-sm);text-align:center}.studio-prev{display:grid;flex:none;place-items:center;width:3rem;height:3rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.studio-prev:hover{border-color:var(--ink-4);background:var(--bg-2)}.studio-add{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;gap:.5rem;max-width:20rem;height:3rem;padding:0 1.2rem;border:0;border-radius:var(--r-ctl);background:var(--navy);color:var(--bg);font-size:var(--t-sm);font-weight:700;white-space:nowrap;transition:background-color var(--dur) var(--ease)}.studio-add:hover:not(:disabled){background:var(--navy-ink)}.studio-add:disabled{background:var(--bg-3);color:var(--ink-4)}.studio-next{outline:2px solid transparent;outline-offset:3px;transition:background-color var(--dur) var(--ease),outline-color var(--dur-in) var(--ease)}.studio-next[data-next]{outline-color:var(--navy-lit)}.studio-next{justify-content:space-between;text-align:left}.studio-next-label{display:grid;line-height:1.2}.studio-next-label small{color:var(--navy-lit);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase}.studio-next:disabled .studio-next-label small{color:var(--ink-4)}.studio-next svg{transition:transform var(--dur) var(--ease)}.studio-next:hover:not(:disabled) svg{transform:translateX(3px)}.studio-summary{flex:none;padding:.8rem 1.25rem 1rem;border-top:1px solid var(--line);background:var(--bg)}.studio-summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.studio-summary-head h2{min-width:0;margin:0;overflow:hidden;color:var(--ink);font-size:var(--t-sm);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.studio-summary-head h2 span{margin-right:.5rem;color:var(--slate-ink);font-weight:500;letter-spacing:var(--ls-kicker);text-transform:uppercase}.studio-summary-head h2 span,.studio-summary-head p{font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs)}.studio-summary-head p{flex:none;margin:0;color:var(--ink-4);white-space:nowrap}.studio-summary-head p[data-complete]{color:var(--navy)}.studio-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));margin:0;padding:0;border-top:1px solid var(--line);border-left:1px solid var(--line);list-style:none}.studio-summary-grid li{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-summary-grid button{display:grid;align-content:start;gap:.1rem;width:100%;height:100%;min-height:3.6rem;padding:.5rem .7rem .55rem;border:0;background:none;text-align:left;transition:background-color var(--dur) var(--ease)}.studio-summary-grid button:hover{background:var(--bg-2)}.studio-summary-grid small{overflow:hidden;color:var(--slate-ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:10px;letter-spacing:var(--ls-wide);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.studio-summary-grid strong{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:var(--t-xs);font-weight:700;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studio-nowrap{white-space:nowrap}.studio-summary-grid strong.is-measure{font-family:var(--font-plex-mono),ui-monospace,monospace;font-weight:500}.studio-summary-grid button>span{overflow:hidden;color:var(--ink-4);font-size:var(--t-2xs);text-overflow:ellipsis;white-space:nowrap}.studio-summary-grid button[data-empty] strong{color:var(--ink-4);font-family:var(--font-inter),system-ui,sans-serif;font-weight:500}.studio-summary-grid button[data-empty] strong:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-right:.35rem;border:1px solid var(--slate);border-radius:var(--r-full);vertical-align:.08em}.studio-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--bg-3);isolation:isolate;container:studio-stage/inline-size}.studio-stage[data-plan]{background:var(--bg-2)}.studio-canvas{position:absolute;inset:0;outline:none;touch-action:none}.studio-canvas[hidden]{display:none}.studio-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--navy)}.studio-fade,.studio-gl{position:absolute;inset:0;width:100%!important;height:100%!important}.studio-gl{display:block;opacity:0;transition:opacity .6s var(--ease)}.studio-canvas[data-ready=true] .studio-gl{opacity:1}.studio-fade{pointer-events:none;opacity:0}.studio-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity var(--dur-in) var(--ease)}.studio-overlay[data-visible=false]{opacity:0}.studio-dim-ext{fill:none;stroke:var(--slate-ink);stroke-opacity:.55;stroke-width:1}.studio-dim-line{fill:none;stroke:var(--slate-ink);stroke-width:1}.studio-dim-label rect{fill:var(--bg);stroke:var(--line)}.studio-dim-label text{fill:var(--navy);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:11px;font-weight:500}.studio-dim.is-secondary .studio-dim-label text{fill:var(--slate-ink)}.studio-dim[data-hidden=true],.studio-note-label[data-hidden=true]{display:none}.studio-arc{fill:none;stroke:var(--slate);stroke-dasharray:5 5;stroke-width:1.2}.studio-note-label{fill:var(--slate);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:10px;letter-spacing:var(--ls-caps)}.studio-hotspots{position:absolute;inset:0;pointer-events:none}.studio-hotspot{position:absolute;top:0;left:0;width:0;height:0;padding:0;border:0;background:none;pointer-events:auto;transition:opacity var(--dur-in) var(--ease)}.studio-hotspot[data-hidden=true]{opacity:0;pointer-events:none}.studio-hotspot-dot{position:absolute;top:-.6rem;left:-.6rem;display:block;width:1.2rem;height:1.2rem;border-radius:var(--r-full);background:var(--bg);box-shadow:0 0 0 1px rgba(14,20,23,.14),var(--shadow-soft);transition:transform var(--dur) var(--ease)}.studio-hotspot-dot:after{content:"";position:absolute;inset:.38rem;border-radius:var(--r-full);background:var(--navy)}.studio-hotspot:hover .studio-hotspot-dot{transform:scale(1.12)}.studio-hotspot-card{position:absolute;top:-1.25rem;left:1rem;display:grid;min-width:9rem;padding:.45rem .7rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);box-shadow:var(--shadow-soft);opacity:0;transform:translateX(-4px);pointer-events:none;text-align:left;white-space:nowrap;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.studio-hotspot[data-side=left] .studio-hotspot-card{right:1rem;left:auto;transform:translateX(4px)}.studio-hotspot:hover .studio-hotspot-card{opacity:1;transform:none}.studio-hotspot-card span{color:var(--ink-4);font-size:var(--t-2xs)}.studio-hotspot-card strong{color:var(--ink);font-size:var(--t-xs);font-weight:700}.studio-sheet{position:absolute;inset:5.25rem 1.5rem 7.5rem;display:grid;place-items:center}.studio-sheet .studio-plan{width:100%;height:100%;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg)}.studio-loader{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;color:var(--ink-4);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-kicker);text-transform:uppercase;pointer-events:none}.studio-loader-glyph{width:4.5rem;height:5.6rem;color:var(--navy)}.studio-loader-glyph circle,.studio-loader-glyph path{stroke-dasharray:160;stroke-dashoffset:160;animation:studio-draw 1.8s var(--ease) infinite}.studio-loader-glyph .is-leaf{animation-delay:.25s}.studio-loader-glyph .is-handle{animation-delay:.5s}.studio-stage-bottom,.studio-stage-top{position:absolute;right:0;left:0;z-index:2;display:flex;gap:.75rem;padding:1rem 1.25rem;pointer-events:none}.studio-stage-top{top:0;align-items:flex-start;justify-content:space-between}.studio-stage-bottom{bottom:0;flex-direction:column;align-items:stretch;gap:.6rem}.studio-stage-bottom>*>*,.studio-stage-top>*{pointer-events:auto}.studio-caption{display:grid;gap:.1rem;min-width:0;padding:.45rem .8rem .5rem;border-radius:var(--r-ctl);background:var(--bg);box-shadow:0 0 0 1px var(--line),var(--shadow-soft)}.studio-caption span{color:var(--ink-3);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-kicker);text-transform:uppercase}.studio-caption strong{overflow:hidden;color:var(--ink);font-family:var(--font-title),var(--font-inter),system-ui,sans-serif;font-size:var(--t-base);font-weight:700;letter-spacing:var(--ls-tight);text-overflow:ellipsis;white-space:nowrap}.studio-stage-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.studio-seg.is-stage{background:var(--bg);box-shadow:0 0 0 1px var(--line),var(--shadow-soft)}.studio-seg.is-stage button{height:2rem;padding:0 .75rem}.studio-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.studio-opening,.studio-tools{display:inline-flex;align-items:center;gap:.15rem;height:2.6rem;padding:0 .3rem;border-radius:var(--r-ctl);background:var(--bg);box-shadow:0 0 0 1px var(--line),var(--shadow-soft)}.studio-opening button,.studio-tools button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:2.1rem;height:2.1rem;padding:0 .5rem;border:0;border-radius:calc(var(--r-ctl) - 3px);background:none;color:var(--ink-2);font-size:var(--t-xs);font-weight:500;white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.studio-opening button:hover:not(:disabled),.studio-tools button:hover:not(:disabled,[aria-pressed=true]){background:var(--bg-3);color:var(--ink)}.studio-tools button[aria-pressed=true]{background:var(--navy);color:var(--bg)}.studio-opening button:disabled,.studio-tools button:disabled{opacity:.4}.studio-tools-group{display:inline-flex;align-items:center;gap:.15rem}.studio-tools-sep{width:1px;height:1.4rem;margin:0 .25rem;background:var(--line)}.studio-opening input[type=range]{width:8.5rem;height:2rem;margin:0 .4rem;background:none;accent-color:var(--navy);cursor:pointer}.studio-opening output{min-width:2.9rem;padding-right:.45rem;color:var(--ink);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-xs);text-align:right}.studio-stage-note{position:absolute;top:5rem;left:50%;z-index:3;max-width:min(32rem,calc(100% - 2rem));margin:0;padding:.55rem .85rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink-3);font-size:var(--t-xs);text-align:center;transform:translateX(-50%)}.studio-stage[data-fullscreen]{background:var(--bg-3)}.studio-glyph{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.studio-glyph .is-leaf{stroke-width:1.8}.studio-glyph .is-handle{stroke-width:2.2}.studio-glyph .is-dash{stroke-dasharray:3 3;stroke-width:1.1}.studio-glyph .is-mark{stroke-width:1.2;opacity:.6}.studio-glyph circle{fill:currentColor;stroke:none}@keyframes studio-draw{0%{stroke-dashoffset:160}55%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-160}}@keyframes studio-rise{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (min-width:1024px) and (max-height:800px){.studio-head{padding-top:.7rem;padding-bottom:.75rem}.studio-title{margin-top:.4rem}.studio-title h1{font-size:var(--t-2xl)}.studio-features{display:none}.studio-summary{padding-top:.6rem;padding-bottom:.7rem}.studio-summary-head{margin-bottom:.45rem}.studio-summary-grid button{min-height:0;padding-top:.4rem;padding-bottom:.45rem}.studio-summary-grid button>span{display:none}.studio-section{padding-top:1.2rem}.studio-section-head{margin-bottom:1.1rem}}@media (min-width:1440px){.studio{--studio-pad:2rem}.studio-summary{padding-right:1.5rem;padding-left:1.5rem}}@container studio-stage (max-width: 759px){.studio-opening button span,.studio-tools button span{display:none}.studio-opening input[type=range]{width:5.5rem}}@container studio-stage (min-width: 600px){.studio-stage-controls{flex-shrink:0;flex-wrap:nowrap}.studio-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:1023px){:root:has(.studio){--studio-stage-h:clamp(15rem,36svh,24rem);scroll-padding-top:calc(var(--nav-h) + var(--studio-stage-h) + 3.5rem);scroll-padding-bottom:7rem}.studio{--studio-pad:1.25rem;display:block;height:auto}.studio-view{display:contents}.studio-buy,.studio-head,.studio-scroll,.studio-steps{border-left:0}.studio-head{padding-bottom:1rem}.studio-title h1{font-size:var(--t-2xl)}.studio-stage{position:sticky;top:var(--nav-h);z-index:4;height:var(--studio-stage-h);border-top:1px solid var(--line)}.studio-summary{padding:.75rem 0 .8rem}.studio-summary-grid,.studio-summary-head{padding:0 var(--studio-pad)}.studio-summary-grid{display:flex;gap:.5rem;overflow-x:auto;border:0;scroll-padding:0 var(--studio-pad);scroll-snap-type:x proximity;scrollbar-width:none}.studio-summary-grid::-webkit-scrollbar{display:none}.studio-summary-grid li{flex:0 0 auto;width:9.5rem;border:1px solid var(--line);border-radius:var(--r-ctl);scroll-snap-align:start}.studio-summary-grid button{min-height:3.4rem;border-radius:var(--r-ctl)}.studio-steps{position:sticky;top:calc(var(--nav-h) + var(--studio-stage-h));z-index:4}.studio-steps-track{gap:.35rem;padding:.65rem var(--studio-pad) .55rem}.studio-steps-summary{display:none}.studio-scroll{overflow:visible}.studio-buy{position:sticky;bottom:0;z-index:5;padding-top:.6rem;padding-bottom:calc(.65rem + env(safe-area-inset-bottom))}.studio-buy-missing{margin-bottom:.4rem}.studio-stage-bottom,.studio-stage-top{padding:.6rem .75rem}.studio-caption{display:none}.studio-stage-top{justify-content:flex-start}.studio-stage-controls{flex-wrap:nowrap}.studio-seg.is-stage button{height:1.9rem;padding:0 .55rem}.studio-opening button span,.studio-tools button span{display:none}.studio-opening,.studio-tools{height:2.4rem}.studio-opening input[type=range]{width:5.5rem}.studio-sheet{inset:3.25rem .75rem 3.75rem}.studio-stage-note{top:3.25rem}}@media (max-width:767px){:root:has(.studio){--studio-stage-h:clamp(14rem,38svh,21rem);scroll-padding-top:calc(var(--studio-stage-h) + 3.5rem)}:root:has(.studio) .tt-nav-scope{position:relative}.studio-stage{top:0}.studio-steps{top:var(--studio-stage-h)}.studio-hotspots{display:none}.studio-tools button:is([aria-label=Zoomer],[aria-label="Dézoomer"],[aria-label="Recadrer la porte"]){display:none}.studio-section-head h2{font-size:var(--t-xl)}.studio-head{padding-top:.6rem;padding-bottom:.85rem}.studio-title{align-items:center;margin-top:.35rem}.studio-title h1{font-size:var(--t-xl);letter-spacing:var(--ls-tight)}.studio-subtitle{margin-top:.2rem;font-size:var(--t-xs)}.studio-features{display:none}.studio-models{margin-top:0}.studio-models-long{display:none}.studio-models-short{display:inline}.studio-summary{padding:.6rem 0 .65rem}.studio-summary-head{margin-bottom:.4rem}.studio-summary-head h2 span{margin-right:0}.studio-summary-head h2 b{display:none}.studio-summary-grid li{width:auto;min-width:7rem;max-width:11rem}.studio-summary-grid button{min-height:0;padding:.4rem .6rem .45rem}.studio-summary-grid strong{-webkit-line-clamp:1}.studio-summary-grid button>span{display:none}}@media (max-width:480px){.studio-steps-index{display:none}.studio-steps button[data-done] .studio-steps-index{display:inline-grid}.studio-buy-row{gap:.5rem .75rem}.studio-add,.studio-prev,.studio-qty{height:2.75rem}.studio-prev{width:2.75rem}.studio-buy[data-buying] .studio-buy-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"total total qty" "prev add add"}.studio-buy[data-buying] .studio-buy-actions{display:contents}.studio-buy[data-buying] .studio-total{grid-area:total}.studio-buy[data-buying] .studio-qty{grid-area:qty}.studio-buy[data-buying] .studio-prev{grid-area:prev}.studio-buy[data-buying] .studio-add{grid-area:add;max-width:none}.studio-link span,.studio-special-button span{display:none}.studio-special-button{width:2.25rem;padding:0;justify-content:center}.studio-models-panel{right:auto;left:0}.studio-special{flex-direction:column;align-items:stretch}.studio-cards.is-three,.studio-input-grid,.studio-input-grid.is-three{grid-template-columns:minmax(0,1fr)}.studio-price{font-size:var(--t-xl)}.studio-fan{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}.studio-exports-grid{grid-template-columns:minmax(0,1fr)}.studio-opening input[type=range]{width:4.25rem}.studio-opening output{display:none}}@media (max-width:360px){.studio-stage-controls{gap:.35rem}.studio-seg.is-stage button{min-width:0;padding:0 .42rem}.studio-steps-label{font-size:var(--t-2xs)}}@media (prefers-reduced-motion:reduce){.studio *,.studio :after,.studio :before{transition-duration:0s!important}.studio-loader-glyph circle,.studio-loader-glyph path{stroke-dashoffset:0;animation:none}.studio-models-panel{animation:none}}.tt-site{min-height:100vh;background:var(--bg-2)}.tt-site:has(>.studio){min-height:0}.tt-site .font-heading{font-family:var(--font-title),var(--font-inter),system-ui,sans-serif}.tt-site :is(h1,h2,h3).font-light{font-weight:800}.tt-site .text-white :is(h1,h2,h3),.tt-site :is(h1,h2,h3).text-white{color:var(--bg)}.tt-site :is(input,textarea,select):focus-visible{border-color:var(--navy);outline:2px solid color-mix(in srgb,var(--navy) 25%,transparent);outline-offset:1px}.tt-section-kicker{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);font-weight:500;letter-spacing:var(--ls-kicker);text-transform:uppercase;color:var(--slate-ink)}.tt-section-kicker:before{content:"";width:1.75rem;height:1px;background:var(--slate)}.tt-section-title{font-weight:800;line-height:1.03;letter-spacing:var(--ls-display)}.tt-section-copy{color:var(--ink-3);font-weight:400;text-wrap:pretty}.tt-config-pro{padding-block:clamp(3.5rem,6vw,5.5rem);background:var(--bg-ink);color:#fff}.tt-config-pro-in{display:flex;align-items:center;justify-content:space-between;gap:2rem}.tt-config-pro h2{margin-top:.75rem;color:#fff}.tt-config-pro p{margin-top:.75rem;max-width:42rem;color:var(--slate)}.tt-config-pro .tt-eyebrow{color:var(--slate-lit)}.tt-system-page{display:grid;min-height:min(48rem,calc(100vh - var(--nav-h)));place-items:center;padding:clamp(3.5rem,9vw,8rem) 1.25rem;background:linear-gradient(135deg,transparent 0 52%,rgba(135,151,168,.08) 52% 68%,transparent 68%),var(--bg-2)}.tt-system-card{width:min(100%,44rem);padding:clamp(2rem,5vw,4.5rem);border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);box-shadow:var(--shadow-frame)}.tt-system-mark{display:grid;width:3rem;height:3rem;margin-bottom:2rem;place-items:center;border-radius:var(--r-ctl);background:var(--navy);color:#fff;font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-xs);font-weight:700;letter-spacing:var(--ls-widest)}.tt-system-card h1{max-width:18ch;color:var(--ink);font-family:var(--font-title),var(--font-inter),system-ui,sans-serif;font-size:var(--t-3xl);line-height:1.02;letter-spacing:var(--ls-display)}.tt-system-copy{max-width:38rem;margin-top:1.25rem;color:var(--ink-3);line-height:1.7}.tt-system-reference{display:inline-flex;margin-top:1.5rem;padding:.5rem .75rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg-2);color:var(--ink-3);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);overflow-wrap:anywhere}.tt-system-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--line)}.tt-system-link{display:inline-flex;min-height:2.875rem;align-items:center;justify-content:center;padding:.75rem 1rem;border:1px solid var(--navy);border-radius:var(--r-ctl);background:var(--navy);color:#fff;font-size:var(--t-sm);font-weight:700;text-decoration:none}.tt-system-link:hover{background:var(--navy-ink);color:#fff}.tt-system-link-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.tt-system-link-ghost:hover{background:var(--bg-2);border-color:var(--ink-4);color:var(--ink)}.tt-transfer-visual{display:block;width:min(100%,17.5rem);height:auto;margin:-1rem 0 1.5rem}.tt-system-status{border-radius:var(--r-ctl);background:var(--ok-soft);color:var(--ok);font-weight:700}.tt-system-error,.tt-system-status{margin-top:1.25rem;padding:1rem;font-size:var(--t-sm)}.tt-system-error{border:1px solid var(--danger-line);border-radius:var(--r-ctl);background:var(--danger-soft);color:var(--danger)}.tt-admin-content .text-ink-4,[data-testid=account-page] .text-ink-4,[data-testid=account-page] .text-slate-lit{color:var(--ink-4)}.tt-admin-content .text-ok{color:var(--ok)}.tt-admin-content .text-warn{color:var(--warn)}@media (max-width:639px){.tt-system-actions{flex-direction:column}.tt-system-actions>*{width:100%}}.tt-notice{display:flex;gap:1rem;border-left-color:var(--slate-lit);border-left-width:1px;border:1px solid var(--slate-lit);border-left:3px solid var(--slate-ink);background:var(--slate-soft);border-radius:var(--r-card);padding:1.25rem 1.5rem;color:var(--ink-2)}.tt-notice-ico{flex-shrink:0;width:1.375rem;height:1.375rem;margin-top:.125rem;color:var(--slate-ink)}.tt-notice-title{font-family:var(--font-title),var(--font-inter),system-ui,sans-serif;font-size:var(--t-base);font-weight:700;letter-spacing:var(--ls-tight);color:var(--ink);margin-bottom:.5rem}.tt-notice p{font-size:var(--t-sm);line-height:1.65}.tt-notice strong{color:var(--ink);font-weight:700}.tt-post-head{background:var(--bg-2);border-bottom:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4.5rem) clamp(6rem,12vw,9rem)}.tt-post-head-flat{padding-bottom:clamp(2.5rem,6vw,4rem)}.tt-post-col{width:100%;max-width:44rem;margin-inline:auto}.tt-post-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2rem;font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-4)}.tt-post-crumbs a{display:inline-flex;align-items:center;min-height:1.5rem}.tt-post-crumbs a:hover{color:var(--ink)}.tt-post-crumbs [aria-current=page]{color:var(--slate-ink)}.tt-post-title{margin-block:1.25rem 1.5rem;font-size:var(--t-3xl);line-height:1.08}@media (min-width:768px){.tt-post-title{font-size:var(--t-4xl)}}.tt-post-lead{font-size:var(--t-lg);line-height:1.7;color:var(--ink-3);text-wrap:pretty}.tt-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-4)}.tt-post-meta span[aria-hidden=true]{color:var(--slate)}.tt-post-figure{position:relative;width:100%;max-width:58rem;margin:clamp(-5.5rem,-9vw,-3.5rem) auto 0;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-frame);background:var(--bg-3);box-shadow:var(--shadow-soft)}.tt-post-figure img{-o-object-fit:cover;object-fit:cover}.tt-article{max-width:44rem;margin:clamp(2.5rem,6vw,4rem) auto 0;color:var(--ink-2);font-size:var(--t-lg);line-height:1.75;text-wrap:pretty}.tt-article>*+*{margin-top:1.5rem}.tt-article>p:first-child{font-size:var(--t-xl);line-height:1.6;color:var(--ink-3)}.tt-article h2{margin-top:3.5rem;font-size:var(--t-2xl);line-height:1.2}.tt-article h2:before{content:"";display:block;width:2.5rem;height:2px;margin-bottom:1.25rem;background:var(--slate)}.tt-article h3{margin-top:2.5rem;font-size:var(--t-xl);line-height:1.3}.tt-article :is(h2,h3)+*{margin-top:.75rem}.tt-article strong{color:var(--slate-ink);font-weight:700}.tt-article a:not(.tt-btn){color:var(--navy);text-decoration:underline;text-decoration-color:var(--slate-lit);text-underline-offset:3px}.tt-article a:not(.tt-btn):hover{text-decoration-color:var(--navy)}.tt-article :is(ul,ol){list-style:none;padding:0;display:grid;gap:.875rem}.tt-article li{position:relative;padding-left:1.75rem}.tt-article ul>li:before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;background:var(--slate)}.tt-article ol{counter-reset:tt-post-step}.tt-article ol>li{counter-increment:tt-post-step;padding-left:2.25rem}.tt-article ol>li:before{content:counter(tt-post-step,decimal-leading-zero);position:absolute;left:0;top:.1em;font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--slate-ink)}.tt-article li>strong:first-child{color:var(--ink)}.tt-article blockquote{margin-inline:0;padding-left:1.5rem;border-left:3px solid var(--slate);color:var(--ink-3);font-size:var(--t-lg)}.tt-article hr{margin-block:3rem;border:0;border-top:1px solid var(--line)}.tt-article .tt-notice{margin-block:2.5rem}.tt-article .tt-notice p{margin-top:0}.tt-post-cta{max-width:44rem;margin:clamp(3rem,7vw,4.5rem) auto 0;padding:clamp(1.75rem,4vw,2.75rem);border:1px solid var(--line);border-radius:var(--r-frame);background:var(--bg-2);text-align:center}.tt-post-cta h2{font-size:var(--t-2xl);margin-block:.75rem .75rem}.tt-post-cta p{max-width:34em;margin-inline:auto;margin-bottom:1.75rem;color:var(--ink-4)}.tt-post-related{max-width:58rem;margin:clamp(3.5rem,8vw,5.5rem) auto 0;padding-top:clamp(2rem,5vw,3rem);border-top:1px solid var(--line)}.tt-post-related-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem}.tt-post-related-head h2{font-size:var(--t-2xl)}.tt-post-grid{display:grid;gap:1.5rem}@media (min-width:640px){.tt-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tt-post-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.tt-post-card:hover{border-color:var(--slate-lit);box-shadow:var(--shadow-soft)}.tt-post-card-art{position:relative;aspect-ratio:16/10;background:var(--bg-3);overflow:hidden}.tt-post-card-art img{-o-object-fit:cover;object-fit:cover;transition:transform var(--dur-in) var(--ease)}.tt-post-card:hover .tt-post-card-art img{transform:scale(1.04)}.tt-post-card-txt{padding:1.25rem 1.5rem 1.5rem}.tt-post-card-txt h3{margin-top:.5rem;font-size:var(--t-lg);line-height:1.35}.tt-post-card:hover .tt-post-card-txt h3{color:var(--navy)}.tt-post-card-txt p{margin-top:.5rem;font-size:var(--t-sm);line-height:1.6;color:var(--ink-4)}.tt-post-card-more{display:inline-block;margin-top:1rem;font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--slate-ink)}.tt-post-card:hover .tt-post-card-more{color:var(--navy)}.tt-post-list{max-width:68rem;margin-inline:auto;padding-top:clamp(2.5rem,6vw,4rem)}.tt-post-grid-3{margin-top:1.5rem}@media (min-width:1024px){.tt-post-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.tt-post-card-lg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;min-height:clamp(19rem,26vw,23rem)}.tt-post-card-lg .tt-post-card-art{height:100%;aspect-ratio:auto}.tt-post-card-lg .tt-post-card-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.75rem,3vw,2.75rem)}.tt-post-card-lg .tt-post-card-txt h3{font-size:var(--t-2xl);line-height:1.2}.tt-post-card-lg .tt-post-card-txt p{font-size:var(--t-base)}}.tt-post-back{margin-top:clamp(2.5rem,6vw,4rem);text-align:center;font-size:var(--t-sm);color:var(--ink-4)}.tt-legal>section+section{margin-top:clamp(2.75rem,6vw,3.75rem)}.tt-legal section>h2:first-child{margin-top:0}.tt-legal section>*+*{margin-top:1.25rem}.tt-legal section>:is(h2,h3)+*{margin-top:.75rem}.tt-legal .tt-legal-end{padding-top:clamp(2.75rem,6vw,3.75rem);border-top:1px solid var(--line)}.tt-legal-card{padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg-2);font-size:var(--t-base);line-height:1.65}.tt-legal-card>*+*{margin-top:.375rem}.tt-legal-card>.tt-legal-field:first-of-type,.tt-legal-card>.tt-legal-grid,.tt-legal-field+.tt-legal-field{margin-top:1.25rem}.tt-legal-field dt,.tt-legal-label{font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-4)}.tt-legal-field dd{margin:.375rem 0 0;color:var(--ink-2)}.tt-legal-field dd>*+*{margin-top:.125rem}.tt-legal-grid{display:grid;gap:1.25rem}@media (min-width:640px){.tt-legal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}.tt-legal-grid .tt-legal-field+.tt-legal-field{margin-top:0}}.tt-legal-card-title{font-family:var(--font-title),var(--font-inter),system-ui,sans-serif;font-size:var(--t-lg);color:var(--ink)}.tt-legal-actions{display:flex;flex-wrap:wrap;gap:.75rem}.tt-article .tt-legal-table{width:100%;border-collapse:collapse;font-size:var(--t-base);text-align:left}.tt-article .tt-legal-table :is(th,td){padding:.875rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}.tt-article .tt-legal-table th{font-family:var(--font-plex-mono),ui-monospace,monospace;font-size:var(--t-2xs);font-weight:500;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--ink-4);border-bottom-color:var(--slate)}.tt-article .tt-legal-table tbody tr:last-child :is(th,td){border-bottom:0}.tt-article .tt-legal-table td:last-child{color:var(--ink-3)}@media (min-width:640px){.tt-article .tt-legal-table td:last-child{white-space:nowrap}}.tt-legal-scroll{overflow-x:auto}