.calc-dash{display:grid;gap:1rem;width:100%;max-width:75rem;margin-inline:auto;align-items:stretch;min-width:0}@media(min-width:900px){.calc-dash{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:1rem}}.calc-dash__preview{display:flex;flex-direction:column;min-height:18rem;min-width:0;padding:1rem;border-radius:1.125rem}@media(min-width:900px){.calc-dash__preview{min-height:100%;padding:1.125rem}}.calc-dash__preview-stage{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:12.5rem;border-radius:.875rem;background:radial-gradient(ellipse at 50% 42%,rgb(var(--color-accent) / .1),transparent 58%),rgb(var(--color-surface-dark));border:1px solid rgb(var(--color-on-dark) / .08);overflow:hidden}.calc-dash__frame{position:relative;display:flex;align-items:center;justify-content:center;max-width:min(88%,28rem);max-height:min(72%,16rem);width:100%;aspect-ratio:var(--calc-ratio, 16 / 9);border:2px solid rgb(255 255 255 / .55);border-radius:.5rem;box-shadow:0 0 0 1px #00000059,0 18px 40px #00000059;background:linear-gradient(160deg,#ffffff0f,#ffffff05);transition:aspect-ratio .2s ease}.calc-dash__frame-label{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;color:rgb(var(--color-on-dark));text-align:center;line-height:1.2;padding:.5rem}.calc-dash__frame-sub{display:block;margin-top:.35rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.04em;color:rgb(var(--color-on-dark-soft))}.calc-dash__presets{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:1rem}.calc-dash__preset{min-height:2.25rem;padding:.35rem .7rem;border-radius:.5rem;border:1px solid rgb(255 255 255 / .14);background:#ffffff0f;color:rgb(var(--color-on-dark));font-size:.75rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.calc-dash__preset:hover{background:#ffffff1f;border-color:#ffffff47}.calc-dash__preset[aria-pressed=true]{background:rgb(var(--color-accent) / .18);border-color:rgb(var(--color-accent) / .55);color:rgb(var(--color-on-dark))}.calc-dash__cards{display:grid;gap:1rem;grid-template-columns:1fr;min-width:0;align-content:stretch}@media(min-width:640px)and (max-width:899px){.calc-dash__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.calc-dash__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;height:100%}}.calc-dash__card{display:flex;flex-direction:column;gap:.625rem;min-width:0;min-height:0;height:100%;padding:1rem;border-radius:1.125rem}@media(min-width:900px){.calc-dash__card{padding:1.125rem}}.calc-dash__card-head{display:flex;align-items:flex-start;gap:.625rem}.calc-dash__icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:.5rem}.calc-dash__icon--blue,.calc-dash__icon--amber,.calc-dash__icon--green,.calc-dash__icon--purple,.calc-dash__icon--teal{background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent))}.calc-dash__card-title{margin:0;font-family:var(--font-display);font-size:.9375rem;font-weight:700;line-height:1.3;color:rgb(var(--color-ink))}.calc-dash__card-desc{margin:.1rem 0 0;font-size:.6875rem;line-height:1.4;color:rgb(var(--color-body))}.calc-dash__fields{display:grid;gap:.625rem}.calc-dash__field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.calc-dash__field-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-ink))}.calc-dash__field .tool-input{width:100%;height:2.25rem;min-height:2.25rem;font-size:.8125rem}.calc-dash__stats{display:grid;gap:.5rem;margin:0}.calc-dash__stat{display:flex;align-items:baseline;justify-content:space-between;gap:.35rem .5rem;padding:.4rem 0;border-bottom:1px solid rgb(var(--color-hairline-soft));min-width:0}.calc-dash__stat:last-child{border-bottom:none;padding-bottom:0}.calc-dash__stat dt{margin:0;flex:0 1 auto;font-size:.75rem;color:rgb(var(--color-body))}.calc-dash__stat dd{margin:0;flex:1 1 auto;min-width:0;font-family:var(--font-mono);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:rgb(var(--color-ink));text-align:right;overflow-wrap:anywhere;line-height:1.3}.calc-dash__chips{display:flex;flex-wrap:wrap;gap:.375rem}.calc-dash__chip{min-height:2.25rem;padding:.35rem .625rem;border-radius:.5rem;border:1px solid rgb(var(--color-hairline));background:rgb(var(--color-canvas));color:rgb(var(--color-ink));font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.calc-dash__chip:hover{border-color:rgb(var(--color-accent));background:rgb(var(--color-accent) / .06)}.calc-dash__chip[aria-pressed=true]{border-color:rgb(var(--color-accent));background:rgb(var(--color-accent) / .12);color:rgb(var(--color-ink))}.calc-dash__tabs{display:flex;gap:.35rem;margin-bottom:.25rem}.calc-dash__tab{flex:1 1 0;min-height:2.25rem;padding:.35rem .5rem;border-radius:.5rem;border:1px solid rgb(var(--color-hairline));background:transparent;color:rgb(var(--color-body));font-size:.75rem;font-weight:600;cursor:pointer}.calc-dash__tab[aria-selected=true]{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .12);color:rgb(var(--color-ink))}.calc-dash__note{margin:0;font-size:.75rem;line-height:1.45;color:rgb(var(--color-body))}@media(min-width:900px){.calc-dash--aspect{align-items:stretch}.calc-dash--aspect .calc-dash__preview{min-height:100%;height:auto;display:flex;flex-direction:column}.calc-dash--aspect .calc-ar-stage{flex:1 1 auto;min-height:15rem;height:auto;max-height:none}}.calc-dash--aspect .calc-dash__preview{gap:.875rem}.calc-ar-stage{position:relative;flex:1 1 auto;display:grid;place-items:center;min-height:14rem;border-radius:.875rem;background:radial-gradient(ellipse at 50% 40%,rgb(var(--color-accent) / .12),transparent 55%),rgb(var(--color-surface-dark));border:1px solid rgb(var(--color-on-dark) / .08);overflow:hidden;padding:1.25rem}.calc-ar-stage__watermark{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;letter-spacing:-.04em;color:#ffffff0f;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calc-ar-frame{position:absolute;inset:0;margin:auto;max-width:min(86%,26rem);max-height:min(70%,15rem);width:100%;aspect-ratio:var(--calc-ratio, 16 / 9);border-radius:.55rem;pointer-events:none;transition:aspect-ratio .22s ease,border-color .18s ease,opacity .18s ease}.calc-ar-frame--primary{border:2.5px solid rgb(var(--color-accent));box-shadow:0 0 0 1px rgb(var(--color-accent) / .25),0 16px 36px #00000059;background:linear-gradient(160deg,rgb(var(--color-accent) / .14),rgb(var(--color-accent) / .03));z-index:1}.calc-ar-frame--compare{border:2px dashed rgb(var(--color-warning));background:transparent;z-index:2}.calc-ar-frame--compare[hidden]{display:none}.calc-ar-frame__tag{position:absolute;bottom:.45rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.02em;line-height:1;padding:.28rem .45rem;border-radius:.35rem}.calc-ar-frame__tag--primary{left:.45rem;color:rgb(var(--color-on-primary));background:rgb(var(--color-accent-soft))}.calc-ar-frame__tag--compare{right:.45rem;color:rgb(var(--color-ink));background:rgb(var(--color-warning) / .92)}.calc-ar-compare{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem}.calc-ar-compare__label{flex-shrink:0;font-size:.75rem;font-weight:600;color:rgb(var(--color-on-dark-soft))}.calc-ar-compare__pills{display:flex;flex-wrap:wrap;gap:.3rem;min-width:0}.calc-ar-compare__pill{min-height:1.875rem;padding:.28rem .55rem;border-radius:999px;border:1px solid rgb(255 255 255 / .14);background:#ffffff0d;color:rgb(var(--color-on-dark));font-size:.6875rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.calc-ar-compare__pill:hover{background:#ffffff1a;border-color:#ffffff47}.calc-ar-compare__pill[aria-pressed=true]{background:rgb(var(--color-accent) / .18);border-color:rgb(var(--color-accent) / .65);color:rgb(var(--color-on-dark))}.calc-dash__card-head--row{align-items:center}.calc-dash__card-head-text{flex:1 1 auto;min-width:0}.calc-dash__badge{display:inline-flex;align-items:center;flex-shrink:0;padding:.2rem .5rem;border-radius:.35rem;font-family:var(--font-sans, inherit);font-size:.625rem;font-weight:700;letter-spacing:.03em;line-height:1.2;white-space:nowrap}.calc-dash__badge--blue,.calc-dash__badge--purple,.calc-dash__badge--green{background:rgb(var(--color-accent) / .12);color:rgb(var(--color-accent-soft))}.calc-dash__badge--muted{background:rgb(var(--color-ink) / .06);color:rgb(var(--color-body))}.calc-dash__stat-dd--stack{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.2rem}.calc-dash__stat-dd--stack .calc-dash__badge{font-size:.5625rem;padding:.15rem .4rem}.calc-dash__fields--stack{gap:.5rem}.calc-dash__field--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.calc-dash__field--inline .calc-dash__field-label{display:inline-flex;align-items:center;gap:.4rem;text-transform:none;letter-spacing:0;font-size:.8125rem;font-weight:600}.calc-dash__field-ico{width:.5rem;height:.5rem;border-radius:999px}.calc-dash__field-ico--blue,.calc-dash__field-ico--purple,.calc-dash__field-ico--green{background:rgb(var(--color-accent))}.calc-dash__field-control{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.calc-dash__field-control .tool-input{width:6.5rem;text-align:right;font-family:var(--font-mono);font-weight:600}.calc-dash__unit{font-size:.75rem;font-weight:600;color:rgb(var(--color-body))}.calc-dash__tabs--green .calc-dash__tab[aria-selected=true]{border-color:rgb(var(--color-accent) / .55);background:rgb(var(--color-accent) / .12);color:rgb(var(--color-accent-soft))}.calc-dash__solved{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border-radius:.5rem;background:#22c55e14;border:1px solid rgb(34 197 94 / .2)}.calc-dash__solved-label{font-size:.8125rem;font-weight:600;color:rgb(var(--color-ink))}.calc-dash__solved-value{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.9375rem;font-weight:700;color:#16a34a}.calc-dash__copy{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-inline-start:.15rem;border:none;border-radius:.35rem;background:transparent;color:#16a34a;cursor:pointer}.calc-dash__copy:hover{background:#22c55e26}.calc-dash__copy[data-copied=true]{color:#15803d}.calc-dash__stats--dots .calc-dash__stat dt{display:inline-flex;align-items:center;gap:.45rem}.calc-ar-list{display:grid;grid-template-columns:1fr;gap:.3rem;min-width:0}@media(min-width:420px){.calc-ar-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.calc-ar-list__item{display:flex;align-items:center;gap:.5rem;min-height:2.35rem;padding:.4rem .55rem;border-radius:.5rem;border:1px solid rgb(var(--color-hairline-soft));background:rgb(var(--color-canvas));color:rgb(var(--color-ink));text-align:left;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.calc-ar-list__item:hover{border-color:rgb(var(--color-accent));background:rgb(var(--color-accent) / .06)}.calc-ar-list__item[aria-selected=true]{background:#a855f71a;border-color:#a855f773}.calc-ar-list__main{display:flex;flex-direction:column;gap:.05rem;min-width:0}.calc-ar-list__ratio{font-size:.8125rem;font-weight:700;line-height:1.2}.calc-ar-list__sub{font-size:.625rem;font-weight:500;line-height:1.2;color:rgb(var(--color-body));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-ar-dot{width:.45rem;height:.45rem;flex-shrink:0;border-radius:999px}.calc-ar-dot--blue{background:#3b82f6}.calc-ar-dot--purple{background:#a855f7}.calc-ar-dot--amber{background:#f59e0b}.calc-ar-dot--pink{background:#ec4899}.calc-ar-dot--teal{background:#14b8a6}.calc-ar-dot--green{background:#22c55e}.calc-ar-dot--orange{background:#f97316}.calc-ar-dot--red{background:#ef4444}.calc-dash--aspect .calc-dash__preview-stage{display:none}.calc-dash--screen .calc-dash__preview{gap:.875rem}@media(min-width:900px){.calc-dash--screen{align-items:stretch}.calc-dash--screen .calc-dash__preview{min-height:100%;height:auto;display:flex;flex-direction:column}.calc-dash--screen .calc-ss-stage{flex:1 1 auto;min-height:18rem;height:auto;max-height:none}}.calc-ss-stage{position:relative;flex:1 1 auto;display:grid;place-items:center;min-height:14rem;border-radius:.875rem;background:radial-gradient(ellipse at 50% 40%,rgb(34 197 94 / .07),transparent 55%),#0a0c10b3;border:1px solid rgb(255 255 255 / .08);overflow:hidden;padding:1.5rem}.calc-ss-frame{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:var(--ss-frame-w, 70%);height:var(--ss-frame-h, 40%);max-width:none;max-height:none;aspect-ratio:auto;border-radius:.45rem;pointer-events:none;transition:width .22s ease,height .22s ease}.calc-ss-frame--primary{border:2.5px solid rgb(96 165 250);box-shadow:0 0 0 1px #3b82f640,0 16px 36px #00000059;background:linear-gradient(160deg,#3b82f61a,#3b82f605);z-index:1}.calc-ss-frame--compare{border:2px dashed rgb(74 222 128);background:transparent;z-index:2}.calc-ss-frame--compare[hidden]{display:none}.calc-ss-frame__label{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:#dbeafe;letter-spacing:-.02em}.calc-ss-frame__tag{position:absolute;right:.45rem;bottom:.45rem;padding:.28rem .45rem;border-radius:.35rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;color:#052e16;background:#4ade80f2}.calc-ss-dim{position:absolute;font-family:var(--font-mono);font-size:.625rem;font-weight:600;color:#bfdbfee6;letter-spacing:.02em}.calc-ss-dim--w{left:50%;bottom:-1.15rem;transform:translate(-50%)}.calc-ss-dim--h{top:50%;right:-.35rem;transform:translate(100%,-50%);writing-mode:vertical-rl;text-orientation:mixed}.calc-ss-compare__pill{min-height:1.875rem;padding:.28rem .55rem;border-radius:999px;border:1px solid rgb(255 255 255 / .14);background:#ffffff0d;color:rgb(var(--color-on-dark));font-size:.6875rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.calc-ss-compare__pill:hover{background:#ffffff1a;border-color:#ffffff47}.calc-ss-compare__pill[aria-pressed=true]{background:rgb(var(--color-accent) / .2);border-color:rgb(var(--color-accent) / .65);color:rgb(var(--color-on-dark))}.calc-dash__field-ico--green{background:rgb(var(--color-accent))}.calc-dash__icon--green-solid{background:rgb(var(--color-accent) / .2);color:rgb(var(--color-accent-soft))}.calc-dash__card-title--green{color:rgb(var(--color-accent))!important}.calc-dash__badge--green{background:rgb(var(--color-accent) / .14);color:rgb(var(--color-accent-soft))}.calc-dash__badge--purple{border:none;cursor:pointer}.calc-dash__badge--purple:hover{background:rgb(var(--color-accent) / .18)}.calc-dash__solved--ppi{margin-top:.25rem}.calc-dash__solved-value--ink{color:rgb(var(--color-ink))}.calc-dash__card-title--on-dark{color:rgb(var(--color-on-dark))}.calc-dash__stats--on-dark .calc-dash__stat{border-bottom-color:#ffffff1a}.calc-dash__stats--on-dark .calc-dash__stat dt{display:inline-flex;align-items:center;gap:.45rem;color:rgb(var(--color-on-dark-soft))}.calc-dash__stats--on-dark .calc-dash__stat dd{color:rgb(var(--color-on-dark))}.calc-ss-convert{display:flex;flex-direction:column;align-items:stretch;gap:.65rem}.calc-ss-convert__field{display:flex;flex-direction:column;gap:.3rem}.calc-ss-convert__label{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-body))}.calc-ss-convert__field .tool-input{width:100%;min-height:2.5rem;font-family:var(--font-mono);font-size:1rem;font-weight:600}.calc-ss-convert__swap{align-self:center;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid rgb(245 158 11 / .45);background:#f59e0b1f;color:#d97706;cursor:pointer}.calc-ss-convert__swap:hover{background:#f59e0b33}.calc-dash--screen .calc-dash__preview-stage{display:none}