.unit02-workspace{max-width:64rem;margin:1rem auto;padding:1rem;border:1px solid #9ca3af;border-radius:1rem;display:grid;gap:.75rem;min-width:0}.unit02-workspace input,.unit02-workspace select,.unit02-workspace textarea{font-size:1rem;line-height:1.5;min-height:44px;min-width:0;max-width:100%;width:100%;padding:.5rem .625rem;border:1px solid #6b7280;border-radius:.5rem;background:transparent;color:inherit}.unit02-workspace textarea{min-height:7rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical}.unit02-workspace [data-unit02-input],.unit02-workspace #unit02-input{min-height:5rem}.unit02-workspace #unit02-summary{min-height:8rem}.unit02-workspace .unit02-check{display:flex;align-items:center;gap:.625rem;min-height:44px;grid-column:1/-1}.unit02-workspace input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:1.25rem;flex:none;padding:0}.unit02-workspace input[type=color]{width:88px;height:48px}.unit02-workspace button{min-height:44px;min-width:44px;padding:.5rem .75rem;border:1px solid #6b7280;border-radius:.5rem;white-space:normal;overflow-wrap:anywhere}.unit02-workspace button[aria-pressed=true]{border-width:3px;font-weight:700}.unit02-workspace button:disabled{opacity:.55}.unit02-workspace :focus-visible{outline:3px solid #2563eb;outline-offset:3px}.unit02-workspace p,.unit02-workspace label,.unit02-workspace li{overflow-wrap:anywhere}.unit02-workspace p,.unit02-workspace small{font-size:.875rem;line-height:1.5}.unit02-workspace p{margin:.375rem 0}.unit02-workspace p:empty{display:none}.unit02-workspace label{display:block;font-size:.875rem;line-height:1.5}.unit02-workspace fieldset{min-width:0;margin:.625rem 0}.unit02-workspace legend{font-weight:600;font-size:.875rem}.unit02-workspace .unit02-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.unit02-workspace .unit02-field{display:grid;align-content:start;gap:.25rem;min-width:0}.unit02-workspace .unit02-pair{display:grid;gap:1rem;align-items:start;min-width:0}.unit02-workspace .unit02-input-panel,.unit02-workspace .unit02-result-panel{min-width:0}.unit02-workspace .unit02-actions,.unit02-workspace .unit02-counts,.unit02-workspace .unit02-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.unit02-workspace .unit02-input-panel>.unit02-actions{margin-top:.5rem}.unit02-workspace .unit02-results{display:grid;gap:.625rem;margin:0;padding:0;list-style:none}.unit02-workspace .unit02-results li{display:flex;flex-wrap:wrap;gap:.25rem .5rem;border-bottom:1px solid #9ca3af;padding-bottom:.625rem;align-items:center;min-width:0}.unit02-workspace .unit02-results li>label{flex-basis:100%;font-weight:600}.unit02-workspace .unit02-results li>input{flex:1 1 12rem;min-width:min(100%,12rem);width:0}.unit02-workspace .unit02-results li>.unit02-row-actions,.unit02-workspace .unit02-results li>button{flex:0 1 auto;max-width:100%;margin-inline-start:auto}.unit02-workspace .unit02-results li>.unit02-row-actions button{max-width:100%}.unit02-workspace .unit02-results li>.unit02-rounding{flex-basis:100%;order:1}.unit02-workspace .unit02-row-actions{justify-content:flex-end}.unit02-workspace .unit02-row-actions button{padding:.375rem .5rem;font-size:.875rem}.unit02-workspace .unit02-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;margin-top:.75rem}.unit02-workspace .unit02-unit-grid button{display:grid;gap:.125rem;text-align:start}.unit02-workspace .unit02-scroll{max-width:100%;overflow:auto}.unit02-workspace table{border-collapse:collapse;width:100%;font-size:.875rem}.unit02-workspace th,.unit02-workspace td{padding:.75rem;border:1px solid #9ca3af;white-space:nowrap}.unit02-workspace .unit02-color-preview{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.unit02-workspace .unit02-swatch{height:3rem;width:5rem;border:1px solid currentColor;border-radius:.5rem}.unit02-workspace .unit02-preview-value{font-size:1.125rem;font-weight:600}.unit02-workspace .unit02-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.unit02-workspace .unit02-channel{min-width:0}.unit02-workspace .unit02-bar{height:.75rem;background:#d1d5db;border-radius:.5rem}.unit02-workspace .unit02-bar span{display:block;height:100%;background:#6d28d9;border-radius:.5rem}.dark .unit02-workspace :focus-visible{outline-color:#93c5fd}@media (min-width:900px){.unit02-workspace .unit02-pair{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1.25rem}.unit02-workspace .unit02-input-panel{position:sticky;top:1rem}.unit02-workspace .unit02-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:359px){.unit02-workspace{padding:.75rem}}.unit02-workspace .unit02-channels:has(>.unit02-channel:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}