.unit-detail-name{appearance:none;border:0;background:none;color:inherit;padding:0;text-align:start;font:inherit;font-weight:750;cursor:pointer;line-height:1.5}.unit-detail-name span{color:#a3d9c5;font-size:.8em}.unit-detail-name:hover,.current-driver-link:hover b{color:#a9e6d0;text-decoration:underline;text-underline-offset:4px}.current-driver-link{cursor:pointer;min-width:0;padding-block:4px}.current-driver-link:focus-visible{outline:2px solid #e8bf79;outline-offset:3px;border-radius:6px}[data-unit-detail][role=button]{cursor:pointer}.live-control{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:9px 12px;grid-column:1/-1;margin-block:5px 17px}.live-control>label{margin:0!important;font-size:15px!important;line-height:1.6}.live-control>input[type=number],.live-control>select{font-size:17px!important;text-align:end;min-width:0;width:100%;padding:9px}.live-control>input[type=range]{grid-column:1/-1;width:100%;height:34px;margin:0;cursor:ew-resize;accent-color:#e8bf79;touch-action:pan-y;background:transparent}.live-control>input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(to right,#d9b578 var(--range-fill,50%),#324b5b var(--range-fill,50%))}.live-control>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border:3px solid #f1d29a;border-radius:50%;background:#132330;box-shadow:0 0 0 4px #e8bf7915}.live-control>input[type=range]{-webkit-appearance:none}.live-control>input[type=range]::-moz-range-track{height:8px;background:#324b5b;border-radius:8px}.live-control>input[type=range]::-moz-range-progress{height:8px;background:#d9b578}.live-control>input[type=range]::-moz-range-thumb{height:20px;width:20px;border:3px solid #f1d29a;border-radius:50%;background:#132330}.live-design #page-box .step-intro{grid-template-columns:1fr}.live-design #page-box .step-intro>.quick-card{display:none}.live-design .page>.hero{padding-bottom:12px}.live-design .page>.hero h1{font-size:26px}.live-response{padding:16px;background:#0c1b26;border:1px solid #3e5667;border-radius:16px;box-shadow:0 16px 45px #0007;z-index:15;min-width:0}.live-response[hidden]{display:none!important}.live-response-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.live-response-head strong{font-size:17px}.live-response-head>span{font-size:12px;color:#adbecb;white-space:nowrap}.live-response .chart{margin-top:10px;border-radius:9px}.live-response canvas{width:100%;min-height:0!important}.live-response-legend{display:flex;gap:16px;font-size:12px;margin-top:7px}.live-w{color:#f09b9b}.live-t{color:#91baf2}.live-s{color:#f0dda9}.live-response-note{font-size:12px;color:#9eb4c4;line-height:1.5;margin:7px 0 0}.live-design{--live-size:min(41vw,590px)}
@media(min-width:1001px){.live-design .content{max-width:none;margin-right:calc(var(--live-size) + 28px);padding-right:18px}.live-response{position:fixed;right:22px;top:184px;width:var(--live-size)}.live-design .grid4,.live-design .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.live-design .big-driver-card{grid-template-columns:42px minmax(0,1fr)}.live-design .big-driver-card .actions{grid-column:1/-1}.live-design .card-head{flex-wrap:wrap}}
@media(max-width:1000px){.live-response{position:sticky;top:0;border-radius:0;padding:9px 12px 7px;border-inline:0;border-bottom:1px solid #60727a}.live-response-head strong{font-size:14px}.live-response .chart{margin-top:4px}.live-response-legend{margin-top:3px}.live-response-note{font-size:12px;margin-top:3px}.live-design .content{padding-top:16px}.live-design .topbar{position:relative;top:auto}.live-design .field,.live-design .card{scroll-margin-top:260px}.live-control{grid-template-columns:minmax(0,1fr) 104px}.live-design .card-head h2{font-size:19px}}
@media(max-height:500px) and (max-width:1000px){.live-response{position:fixed;inset:8px 8px auto auto;width:44vw;border-radius:12px}.live-response-note{display:none}.live-design .content{margin-right:47vw}.live-control{grid-template-columns:1fr}.live-control>input[type=number]{text-align:start}.live-design .topbar{margin-right:47vw}}
@media print{.live-response{display:none!important}.live-design .content{margin:0}}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar>*{flex-shrink:0}
@media(max-height:500px) and (max-width:1000px){.live-design .app{display:block}.live-design .sidebar{position:relative;height:auto;display:block;margin-right:47vw;padding:8px;overflow:visible;border-bottom:1px solid #304653}.live-design .sidebar .logo-line,.live-design .sidebar .nav-label,.live-design .sidebar-note{display:none}.live-design .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.live-design .step-btn{display:block;text-align:center;padding:6px 2px;min-width:0}.live-design .step-btn .step-num{margin:0 auto 4px}.live-design .step-btn b{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.live-design .step-btn span{display:none}.live-design .studio-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.live-design .studio-tools .btn{font-size:11px;padding:6px}.live-design .topbar-inner{display:flex;flex-direction:column;align-items:stretch}.live-design .topbar .project-title,.live-design .topbar .locale-control{display:none}.live-design .current-driver{min-width:0}.live-design .topbar{padding:8px}.live-design .content{padding:12px 10px}.live-design .grid2,.live-design .grid3,.live-design .grid4{grid-template-columns:1fr}.live-design .card-body{padding:12px}.live-design .hero h1{font-size:22px}.live-design .big-driver-card{grid-template-columns:1fr}.live-design .catalog-nav{height:auto;min-height:44px}}

.box-advanced{margin:16px 0;padding:14px;border:1px solid #3a4e5b;border-radius:10px}.box-advanced summary{cursor:pointer;font-size:15px;color:#c2d1db}.box-advanced p{font-size:14px;line-height:1.7;color:#b3c4cf}.box-advanced .field{max-width:360px}.response-view-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:12px 0 8px;font-size:14px;color:#c2d1db}.response-range-toggle{border:1px solid #66877e;border-radius:8px;background:#14362f;color:#d4efe5;padding:9px 12px;min-height:40px;font-size:14px;white-space:nowrap;cursor:pointer}.response-view-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0;font-size:14px}.live-response-head{flex-wrap:wrap}.live-response canvas[role=button],canvas[data-range-bound]{cursor:zoom-in;touch-action:pan-y}.live-response canvas[role=button]:focus-visible,canvas[data-range-bound]:focus-visible{outline:2px solid #e8bf79;outline-offset:2px}.live-response .chart{overflow:hidden}.live-response-legend{font-size:13px}.chart canvas{min-height:0!important}

.dimension-unlock{display:flex;align-items:center;gap:10px;min-height:44px;font-size:16px;cursor:pointer}.dimension-unlock input{width:22px;height:22px;accent-color:#e8bf79;flex-shrink:0}