.scalar-workspace{box-sizing:border-box;background:var(--workspace-surface-deep);width:100%;min-width:0;height:100%;color:var(--workspace-text);flex-direction:column;gap:16px;padding:16px 20px 12px;display:flex;overflow:auto}.scalar-workspace-panes{flex:1 0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.scalar-input{box-sizing:border-box;border:1px solid var(--workspace-native-border);background:var(--workspace-control-surface);width:100%;min-width:0;min-height:64px;color:var(--workspace-text);font:inherit;font-variant-numeric:tabular-nums;border-radius:10px;padding:8px 12px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:720}.scalar-input:focus-visible{outline:3px solid var(--lavender);outline-offset:2px}.scalar-input[aria-invalid=true]{border-color:var(--lavender)}.scalar-unit{color:var(--workspace-text-muted);overflow-wrap:anywhere;font-size:.88rem}.scalar-unit--result{text-align:center}.scalar-workspace .workspace-pane-body{container-type:inline-size}.scalar-result{min-width:0;color:var(--lavender);text-align:center;font-size:clamp(1.25rem, calc(144cqw / var(--scalar-result-characters,1)), 3.5rem);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:820;line-height:1.15;display:block}.scalar-equation{min-height:24px;color:var(--workspace-text-soft);text-align:center;overflow-wrap:anywhere;flex:none;margin:0;font-size:.95rem}.scalar-equation strong{color:var(--lavender)}.scalar-workspace>.workspace-footer{flex:none}@media (width<=720px){.scalar-workspace{gap:12px;padding:12px 10px}.scalar-workspace-panes{flex:none;grid-template-columns:minmax(0,1fr);gap:12px}.scalar-workspace .workspace-pane-body{min-height:136px}.scalar-input{min-height:56px;font-size:1.75rem}.scalar-workspace>.workspace-footer{margin-top:auto}}
.color-baseline-input{border:1px solid var(--workspace-native-border);background:var(--workspace-control-surface);grid-template-columns:minmax(0,1fr) 44px;align-items:center;padding-right:8px;display:grid}.color-baseline-picker.fluffy-color-picker{width:44px}.color-baseline-picker .fluffy-color-picker-button{background:0 0;border-color:#0000}.color-baseline-output{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:24px;display:grid}.color-baseline-preview{aspect-ratio:1;border:1px solid var(--workspace-control-border);background:var(--workspace-control-surface);border-radius:4px;width:100%}@media (width<=720px){.color-baseline-output{grid-template-columns:minmax(0,1fr);gap:16px}.color-baseline-preview{width:64px}}