.value-converter-workspace{background:var(--canvas);color:var(--ink);gap:0;padding:0;overflow:auto}.value-converter-workspace .scalar-workspace-panes{border-bottom:1px solid var(--border-soft);flex:none;gap:0}.value-unit-workspace .scalar-workspace-panes,.value-data-workspace .scalar-workspace-panes{border-bottom:0}.value-converter-workspace .scalar-workspace-panes>.workspace-pane{background:var(--paper);border:0;border-radius:0;min-width:0;overflow:visible}.value-converter-workspace .scalar-workspace-panes>.workspace-pane:last-child{border-left:1px solid var(--border-soft);background:var(--canvas)}.value-converter-workspace .scalar-workspace-panes>.workspace-pane:last-child .workspace-pane-header,.value-converter-workspace .scalar-workspace-panes>.workspace-pane:last-child .workspace-pane-body{background:var(--canvas)}.value-converter-workspace .workspace-pane-header{border-bottom:1px solid var(--border-soft);background:var(--paper);flex:none;gap:4px 10px;min-height:52px;padding:4px 8px 4px 16px}.value-converter-workspace .workspace-pane-header strong{color:var(--ink);letter-spacing:0;font-size:15px;font-weight:700}.value-converter-workspace .workspace-pane-actions{gap:2px}.value-converter-workspace .workspace-pane-actions .workspace-action{border-color:var(--workspace-native-border);background:var(--paper);min-width:40px;min-height:40px;color:var(--muted);border-radius:10px;padding:0 12px;font-size:14px;font-weight:600}.value-converter-workspace .workspace-pane-actions [data-unit-example],.value-converter-workspace .workspace-pane-actions [data-unit-clear],.value-converter-workspace .workspace-pane-actions [data-color-example],.value-converter-workspace .workspace-pane-actions [data-color-clear],.value-converter-workspace .workspace-pane-actions [data-timestamp-now],.value-converter-workspace .workspace-pane-actions [data-timestamp-example],.value-converter-workspace .workspace-pane-actions [data-timestamp-clear]{background:0 0;border-color:#0000}.value-converter-workspace .workspace-pane-actions [data-unit-copy],.value-converter-workspace .workspace-pane-actions [data-color-copy-all],.value-converter-workspace .workspace-pane-actions [data-timestamp-copy]{color:var(--ink);font-weight:650}.value-data-workspace .workspace-pane-actions [data-scalar-example],.value-data-workspace .workspace-pane-actions [data-scalar-clear]{background:0 0;border-color:#0000}.value-data-workspace .workspace-pane-actions [data-scalar-copy]{color:var(--ink);font-weight:650}.value-converter-workspace .workspace-pane-body{align-content:initial;background:var(--paper);flex-direction:column;flex:none;gap:0;min-width:0;padding:0;display:flex}.value-box{border:1px solid var(--border);background:var(--paper);border-radius:16px;min-width:0;margin:16px;padding:16px 20px 18px}.value-box-input{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.value-large-input{min-height:64px;color:var(--ink);letter-spacing:-.04em;background:0 0;border:0;border-radius:0;outline:0;padding:0;font-size:clamp(40px,4.2vw,60px);font-weight:820;line-height:1.05}.value-large-input:focus-visible{outline:0}.value-box-input:focus-within{outline:3px solid var(--accent-soft);outline-offset:2px}.value-converter-workspace .scalar-unit{color:var(--muted);text-align:left;overflow-wrap:anywhere;margin-top:6px;font-size:15px;display:block}.value-converter-workspace .scalar-result.value-large-output{min-height:64px;color:var(--ink);text-align:left;letter-spacing:-.04em;word-break:break-all;font-size:clamp(40px,4.2vw,60px);font-weight:820;line-height:1.05}.value-unit-workspace .value-large-input,.value-unit-workspace .scalar-result.value-large-output,.value-data-workspace .value-large-input,.value-data-workspace .scalar-result.value-large-output{font-size:clamp(40px,5.5vw,60px)}.value-every-unit{min-width:0;padding-bottom:16px}.value-every-unit-heading{color:var(--ink);overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:12px;margin:4px 16px 8px;font-size:14px;font-weight:650;display:flex}.value-unit-list{border-top:1px solid var(--border-soft);min-width:0;margin:0 16px;padding:0;list-style:none}.value-unit-row{border-bottom:1px solid var(--border-soft);min-width:0;min-height:48px;color:var(--muted);grid-template-columns:minmax(0,1fr) minmax(0,auto) 40px;align-items:center;gap:12px;font-size:15px;display:grid}.value-unit-row>span,.value-unit-row>b{overflow-wrap:anywhere;min-width:0}.value-unit-row>b{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;font-weight:650}.value-unit-row--selected,.value-unit-row--selected>b{color:var(--accent-strong)}.value-unit-row--selected>span{font-weight:650}.value-unit-copy{width:40px;min-width:40px;height:40px;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.value-unit-copy:hover:not(:disabled){border-color:var(--workspace-native-border);background:var(--panel);color:var(--ink)}.value-unit-copy:disabled{opacity:.4}.value-unit-copy svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.value-equation{border-top:1px solid var(--border-soft);background:var(--paper);min-height:48px;color:var(--muted);text-align:left;align-items:baseline;gap:4px 16px;margin:0;padding:12px 16px;font-size:15px;display:flex}.value-equation strong{color:var(--ink);font-weight:650}.value-equation a{color:var(--accent-strong);text-underline-offset:3px}.value-data-note{border-bottom:1px solid var(--border-soft);background:var(--paper);color:var(--muted);align-items:center;gap:8px;margin:0;padding:10px 16px;font-size:14px;display:flex}.value-data-note strong{color:var(--ink);font-weight:650}.value-color-workspace .color-value-box{padding:10px 16px}.value-color-workspace .color-value-fields,.value-color-workspace .color-value-single,.value-color-workspace .color-value-single input{width:100%;min-width:0}.value-color-workspace .color-value-single input{min-height:64px;color:var(--ink);font:inherit;letter-spacing:-.04em;background:0 0;border:0;padding:0;font-size:clamp(40px,4.2vw,60px);font-weight:820;line-height:1.05}.value-color-workspace .color-value-single input:focus-visible{outline:0}.value-color-input-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-top:12px;display:flex}.value-color-workspace .color-baseline-picker.fluffy-color-picker{width:auto}.value-color-workspace .color-baseline-picker .fluffy-color-picker-button{border-color:var(--workspace-native-border);background:var(--paper);min-height:40px;color:var(--ink);border-radius:10px;font-size:14px;font-weight:600}.value-color-workspace .color-baseline-picker .fluffy-color-picker-button-label{color:inherit;letter-spacing:0;text-transform:none;font-size:14px}.value-color-workspace .color-baseline-picker .fluffy-color-picker-dropper{width:18px;height:18px;color:var(--muted)}.value-read-mode{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.value-read-mode svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.value-color-workspace .color-baseline-preview{aspect-ratio:auto;border-color:var(--border-soft);border-radius:16px;flex:none;width:auto;height:180px;margin:16px 16px 0}.value-color-workspace .workspace-value-rows{border-top:1px solid var(--border-soft);margin:12px 16px 16px}.value-color-workspace .workspace-value-rows>div,.value-color-workspace .workspace-value-rows>div:last-child{border:0;border-bottom:1px solid var(--border-soft);background:0 0;grid-template-columns:minmax(0,1fr) minmax(0,auto) 40px;align-items:center;gap:12px;min-height:48px;padding:0}.value-color-workspace .workspace-value-rows dt{color:var(--muted);font-size:14px}.value-color-workspace .workspace-value-rows dd{min-width:0;color:var(--ink);text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:600}.value-hint{color:var(--muted);margin:0;padding:0 16px 16px;font-size:13px;line-height:1.45}.value-time-workspace .value-time-options{border:0;gap:12px;margin:16px 16px 0;padding:0}html[data-private-workspace] .value-time-workspace .value-time-options select{border-width:1.5px;border-color:var(--accent)!important}@media (width<=760px){.value-time-workspace .value-time-options{margin:12px 12px 0}}.value-time-summary .value-time-date{color:var(--ink);letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(30px,3.2vw,42px);font-weight:820;line-height:1.08;display:block}.value-time-summary .scalar-unit{margin-top:8px}.value-copy-rows{border-top:1px solid var(--border-soft);margin:0 16px 16px;display:grid}.value-copy-rows>div,.value-copy-rows>div:last-child{border:0;border-bottom:1px solid var(--border-soft);background:0 0;grid-template-columns:minmax(0,1fr) minmax(0,auto) 40px;align-items:center;gap:12px;min-width:0;min-height:48px;padding:0;display:grid}.value-copy-rows dt{color:var(--muted);overflow-wrap:anywhere;font-size:15px;font-weight:400}.value-copy-rows dd{min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:600}.value-time-workspace .workspace-pane-actions [data-timestamp-copy]{border-color:var(--workspace-native-border);background:var(--paper)}@media (width<=760px){.value-converter-workspace .scalar-workspace-panes{grid-template-columns:minmax(0,1fr)}.value-converter-workspace .scalar-workspace-panes>.workspace-pane:last-child{border-top:1px solid var(--border-soft);border-left:0}.value-converter-workspace .scalar-workspace-panes>.workspace-pane:last-child .workspace-pane-header,.value-converter-workspace .scalar-workspace-panes>.workspace-pane:last-child .workspace-pane-body{background:var(--canvas)}.value-converter-workspace .workspace-pane-header{padding-left:12px}.value-box{margin:12px;padding:14px 16px}.value-large-input,.value-converter-workspace .scalar-result.value-large-output,.value-color-workspace .color-value-single input{min-height:48px;font-size:40px}.value-data-note{padding:10px 12px;display:block}.value-unit-list,.value-every-unit-heading{margin-inline:12px}.value-color-workspace .color-baseline-preview{height:120px;margin:12px 12px 0}.value-color-workspace .workspace-value-rows,.value-copy-rows{margin-inline:12px}.value-copy-rows>div,.value-copy-rows>div:last-child{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) 40px}}
