.studio{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;grid-template-columns:minmax(0,1.62fr) minmax(340px,.78fr);display:grid;overflow:hidden}.studio [data-stage]{background:#c9d7e6;min-height:min(600px,100dvh - 200px);position:relative}.studio [data-stage] canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.studio [data-fallback]{text-align:center;color:var(--ink-soft);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.studio.is-fallback [data-stage]{min-height:280px}.studio-stagewrap{flex-direction:column;display:flex}.studio-bar{border-top:1px solid var(--line);background:var(--ground);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.seg{border:1px solid var(--line);background:var(--surface);border-radius:100px;display:inline-flex;overflow:hidden}.seg button{min-height:44px;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0 14px;font-size:13.5px;font-weight:600}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{color:var(--pine-deep);background:#2764ae1f}.btn-open{min-width:9.5rem}.bar-more{position:relative}.bar-more>summary{cursor:pointer;border:1.5px solid var(--line);min-height:44px;color:var(--ink);background:var(--surface);border-radius:100px;align-items:center;padding:0 16px;font-size:13.5px;font-weight:600;list-style:none;display:inline-flex}.bar-more>summary::-webkit-details-marker{display:none}.bar-more[open]>summary{border-color:var(--brass);color:var(--brass)}.bar-more-menu{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;min-width:12rem;padding:12px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.studio-cta{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:10px 16px;padding:16px;display:flex}.btn-cta{height:52px;padding:0 28px;font-size:16px}.cta-sub{color:var(--ink-soft);font-size:13.5px}.rail{flex-direction:column;gap:14px;max-height:820px;padding:22px;display:flex;overflow:auto}.rail:focus{outline:2.5px solid var(--brass);outline-offset:-2px}.presets-h,.ledger-h{margin:0 0 4px;font-size:17px}.presets-lead{color:var(--ink-soft);margin:0 0 10px;font-size:13.5px}.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.preset{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);text-align:left;cursor:pointer;min-height:56px;font:inherit;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px 10px 42px;transition:border-color .2s,transform .2s;display:flex;position:relative}.preset:hover{border-color:var(--brass);transform:translateY(-2px)}.preset-sw{border:1px solid #00000026;border-radius:50%;width:20px;height:20px;position:absolute;top:14px;left:12px}.preset b{font-family:var(--font-display);color:var(--ink);font-size:14.5px}.preset span{color:var(--ink-soft);font-size:12px;line-height:1.3}.sec{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.sec>summary{cursor:pointer;min-height:52px;font-family:var(--font-display);color:var(--ink);justify-content:space-between;align-items:center;padding:0 16px;font-size:15.5px;list-style:none;display:flex}.sec>summary::-webkit-details-marker{display:none}.sec>summary:after{content:"";border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);width:9px;height:9px;margin-left:12px;transition:transform .2s;transform:rotate(45deg)}.sec[open]>summary:after{transform:rotate(-135deg)}.sec[open]>summary{border-bottom:1px solid var(--line)}.sec>.ctl,.sec>.sizes,.sec>.hint{margin:14px 16px}.sec-quiet>summary{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);min-height:44px;font-size:12px}.sizes{border:0}.sizes>summary{cursor:pointer;color:var(--ink-soft);align-items:baseline;gap:8px;font-size:13.5px;list-style:none;display:flex}.sizes>summary::-webkit-details-marker{display:none}.sizes>summary em{color:var(--brass);text-underline-offset:3px;font-style:normal;text-decoration:underline}.sizes .ctl{margin-top:12px}.ctl{border:0;min-width:0;margin:0 0 6px;padding:0}.ctl legend{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;padding:0;font-size:11.5px}.opts{flex-wrap:wrap;gap:8px;display:flex}.opt{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:100px;align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:14px;display:inline-flex;position:relative}.opt input{opacity:0;width:1px;height:1px;position:absolute}.opt:has(input:focus-visible){outline:2.5px solid var(--brass);outline-offset:2px}.opt-blurb{display:none}.ctl:has([name=panel]) .opts{grid-template-columns:1fr;gap:6px;display:grid}.ctl:has([name=panel]) .opt{border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:10px 14px}.ctl:has([name=panel]) .opt-blurb{color:var(--ink-soft);font-size:12.5px;font-weight:400;line-height:1.35;display:block}.sw{border:1px solid #00000026;border-radius:50%;flex:none;width:18px;height:18px}.hint{color:var(--ink-soft);margin:4px 0 0;font-size:13px;line-height:1.45}.ledger{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ledger-lead{margin:0 0 12px;font-size:14.5px}.ledger li{flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14.5px;display:flex}.ledger li b{font-family:var(--font-display);color:var(--ink);font-size:15px}.ledger li span{color:var(--ink-soft)}.quote-mount{max-height:820px;padding:22px;overflow:auto}.quote{flex-direction:column;gap:14px;display:flex}.q-back{font:inherit;color:var(--brass);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:6px 0;font-size:13.5px;text-decoration:underline}.q-h{margin:0;font-size:22px}.q-lead{color:var(--ink-soft);margin:0;font-size:14.5px;line-height:1.5}.q-design{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ground);overflow:hidden}.q-design img{width:100%;height:auto;display:block}.q-spec{font-family:var(--font-mono);color:var(--ink);margin:0;padding:12px 14px;font-size:12.5px;line-height:1.5}.q-lines{color:var(--ink-soft);margin:0;padding:0 14px 12px;font-size:12.5px}.q-price{border-radius:var(--radius-sm);background:#2764ae12;border:1px solid #2764ae33;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.q-price strong{font-family:var(--font-display);color:var(--pine-deep);font-size:24px}.q-price-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.q-price-note{color:var(--ink-soft);font-size:12.5px}.q-price.is-example{background:#b8920a17;border-color:#b8920a59}.q-field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.q-field label,.q-field legend{color:var(--ink);padding:0;font-size:13.5px;font-weight:600}.q-opt{color:var(--ink-soft);font-weight:400}.q-field input[type=text],.q-field input[type=tel],.q-field input[type=email],.q-field textarea{font:inherit;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;font-size:16px}.q-field input:focus-visible,.q-field textarea:focus-visible{outline:2.5px solid var(--brass);outline-offset:1px;border-color:var(--brass)}.q-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.q-hint{color:var(--ink-soft);margin:-6px 0 0;font-size:12.5px}.q-when{gap:8px}.q-radio{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14.5px;display:flex}.q-radio input{width:20px;height:20px;accent-color:var(--brass)}.q-error{color:#a4231f;margin:0;font-size:14px;font-weight:600}.q-submit{width:100%;height:52px;font-size:16px}.q-fine{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.5}.q-turnstile:empty{display:none}.q-done{text-align:center;align-items:center}.q-tick{width:56px;height:56px;color:var(--pine-deep);background:#2764ae1f;border-radius:50%;place-items:center;font-size:28px;display:grid}.q-ref{font-family:var(--font-mono);color:var(--ink-soft);margin:0;font-size:13px}.q-demo{color:var(--brass);margin:0;font-size:13px;font-weight:600}.q-link{font:inherit;border:1.5px solid var(--line);border-radius:var(--radius-sm);box-sizing:border-box;background:var(--ground);width:100%;color:var(--ink-soft);padding:10px 12px;font-size:12.5px}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:100px;justify-content:center;align-items:center;gap:9px;height:44px;padding:0 20px;font-family:inherit;font-size:14.5px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex}.btn-brass:hover{background:#1f569b;transform:translateY(-1px)}.btn-brass:disabled{opacity:.6;cursor:default;transform:none}.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:var(--surface)}.btn-ghost:hover{border-color:var(--brass);color:var(--brass)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cta-dock{z-index:40;background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #14213d21}.cta-dock[hidden]{display:none}.dock-spec{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.cta-dock .btn{flex:none;height:48px;padding:0 22px;font-size:15px}@media (max-width:1024px){.studio{grid-template-columns:1fr}.studio [data-stage]{z-index:6;min-height:46dvh;position:sticky;top:0}.rail,.quote-mount{max-height:none}.preset-grid{grid-template-columns:repeat(3,1fr)}.dock-spec{display:none}.cta-dock .btn{flex:1}body{padding-bottom:88px}}@media (max-width:640px){.preset-grid{grid-template-columns:repeat(2,1fr)}.studio [data-stage]{min-height:min(44dvh,380px)}.studio-bar{gap:8px;padding:10px 12px}.btn{padding:0 14px;font-size:13.5px}.q-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.preset,.sec>summary:after,.opt,.btn{transition:none}}.studio,.studio-ledger,.quote-mount,.cta-dock{--ground:#0a0d11;--surface:#12161c;--panel:#171c23;--ink:#f2f5f9;--ink-soft:#98a3b1;--quiet:#7c8798;--line:#f2f5f924;--brass:#1b5fd4;--brass-hi:#3e86f5;--radius:3px;--radius-sm:2px;--radius-lg:4px;--shadow-lg:0 4px 8px #00000073, 0 28px 60px -26px #000c;--font-display:"Kanit", "Arial Narrow", sans-serif;--font-body:"Barlow", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;color:var(--ink);font-family:var(--font-body)}.studio{background:var(--ground)}.studio [data-stage]{background:#0e141c}.studio-bar{background:var(--panel)}.rail{background:var(--ground)}.studio h2,.studio h3,.presets-h,.ledger-h{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--ink);font-style:italic;font-weight:800}.presets-lead{color:var(--ink-soft)}.seg button[aria-pressed=true]{color:var(--ink);background:#3e86f538;box-shadow:inset 0 0 0 1px #3e86f580}.opt.is-on{border-color:var(--brass-hi);color:var(--ink);background:#3e86f529;font-weight:600}.q-price strong{color:var(--ink)}.q-tick{color:var(--brass-hi);background:#3e86f52e}.btn-brass{background:var(--brass);color:#fff}.sec>summary{font-style:italic}.ctl legend{color:var(--quiet);font-size:12px}.sec-quiet>summary{color:var(--quiet)}.preset span{color:var(--ink-soft)}.preset-sw{border-color:#ffffff47}@media (max-width:700px){.bar-more-menu{width:max-content;min-width:0;max-width:calc(100vw - 36px);left:0;right:auto}}@media (max-width:1024px){.studio [data-stage]{top:var(--studio-stage-top,0px)}}@media (max-width:640px){.rail{gap:11px;padding:14px}.studio-bar{gap:8px;padding:10px 12px}.preset{min-height:60px;padding:10px 12px 10px 40px}.preset b{font-size:14px;line-height:1.2}.sec>summary{min-height:54px;font-size:15px}.sec>.ctl,.sec>.sizes,.sec>.hint{margin:12px 13px}.studio-ledger{padding:18px 16px}.opt,.seg button,.bar-more>summary{min-height:44px}}@media (max-width:1024px){.studio .studio-stagewrap{top:var(--studio-stage-top,0px);z-index:6;background:var(--ground);position:sticky}.studio [data-stage]{position:relative;top:auto}}@media (max-width:700px){.studio [data-stage]{min-height:min(38dvh,330px)}.studio-bar{gap:7px;padding:9px 11px}.studio-bar .btn-open{min-width:0;padding:0 13px;font-size:13px}.studio-bar .seg button{padding:0 11px;font-size:12.5px}.studio-bar .bar-more>summary{padding:0 13px;font-size:12.5px}.studio-cta{gap:8px;padding:10px 12px}.studio-cta .cta-sub{font-size:12px}}@media (max-width:1024px){.bar-more-menu{z-index:60;gap:6px;width:auto;min-width:0;max-width:none;padding:10px;position:fixed;inset:auto 10px 10px;box-shadow:0 -8px 40px #0009,0 4px 12px #00000080}.bar-more-menu .btn{justify-content:center;width:100%;min-height:46px}}.sizes>summary{align-items:center;min-height:44px;display:flex}.q-back,.q-field input,.q-field select,.q-field textarea{min-height:44px}.bar-more[open]>summary{color:var(--brass-hi);border-color:var(--brass-hi)}.q-back{color:var(--brass-hi)}.btn-brass{background:#1550bc}.btn-brass:hover{background:#1b5fd4}@media (max-width:1024px){.studio{overflow:visible}}.btn-ghost:hover{color:var(--brass-hi);border-color:var(--brass-hi)}