/* Equal-height Sizer columns and shared internal rhythm. */
@media (min-width:921px){
  .sizer-shell{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:stretch}
  .sizer-controls{position:relative;top:auto;height:100%;min-height:560px;display:flex;flex-direction:column}
  .sizer-form{flex:1}
  .sizer-note{margin-top:auto}
  .sizer-output,.sizer-output #sizeout,.sizer-result{height:100%}
  .sizer-result{display:flex;flex-direction:column;justify-content:space-between}
  .result-top{min-height:170px}
  .leg-bridge{min-height:150px}
  .sizer-breakdown>div{min-height:82px}
}

/* Use the same pink / violet / blue language as the rest of the app. */
.sizer-controls{
  background:radial-gradient(circle at 105% -5%,rgba(139,92,255,.2),transparent 36%),linear-gradient(145deg,rgba(22,25,35,.96),rgba(10,13,19,.97));
}
.sizer-controls:before{background:linear-gradient(180deg,var(--pink),var(--violet),var(--blue))}
.sizer-panel-head>span{color:var(--cyan);border-color:rgba(85,201,232,.3);background:rgba(85,201,232,.06)}
.money-field span,.duration-value span{color:#bda8ff}
.sizer-form .field:focus{border-color:#8b5cff;box-shadow:0 0 0 3px rgba(139,92,255,.12),0 0 28px rgba(139,92,255,.12)}
.sizer-form input[type=range]{background:linear-gradient(90deg,var(--pink),var(--violet) 52%,var(--blue))}
.sizer-form input[type=range]::-webkit-slider-thumb{background:#a889ff;border-color:#11131a;box-shadow:0 0 0 1px #a889ff,0 0 22px rgba(139,92,255,.65)}
.duration-presets button:hover,.duration-presets button.active{color:#fff;background:linear-gradient(110deg,var(--pink),var(--violet),var(--blue));border-color:transparent;box-shadow:0 8px 22px rgba(116,76,255,.28)}
.sizer-note i{background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.sizer-result{background:radial-gradient(circle at 82% 10%,rgba(139,92,255,.2),transparent 30%),radial-gradient(circle at 12% 92%,rgba(35,140,255,.12),transparent 34%),#0b0e14}
.result-top strong{background:linear-gradient(110deg,#fff 8%,#d9caff 43%,#9d7cff 68%,#64c9ff);-webkit-background-clip:text;color:transparent}
.result-orbit{border-color:rgba(139,92,255,.3)}
.result-orbit:before{border-color:rgba(240,42,140,.35)}
.result-orbit:after{border-color:rgba(35,140,255,.32)}
.result-orbit i{background:#69d7ff;box-shadow:0 0 18px #238cff}
.bridge-flow:before{background:linear-gradient(90deg,var(--pink),var(--violet),var(--blue))}
.bridge-flow i{background:#a889ff;box-shadow:0 0 20px #8b5cff}
.sizer-formula{background:linear-gradient(90deg,rgba(240,42,140,.07),rgba(139,92,255,.1),rgba(35,140,255,.07));border:1px solid rgba(139,92,255,.14)}
.sizer-formula i,.sizer-formula b{color:#bda8ff}