.ut-card{border:1.5px solid var(--color-edge);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-m);padding:var(--space-5);margin-bottom:var(--space-8);min-width:0}.ut-card>*+*{margin-top:var(--space-4)}.ut-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.ut-row>.cr-field{flex:1 1 140px}.ut-inline{display:flex;gap:var(--space-2);min-width:0}.ut-inline>input,.ut-inline>textarea{flex:1 1 auto;min-width:0}.ut-mono{font-family:var(--font-mono)}.ut-error{margin:0;color:var(--color-danger);font-size:var(--text-s);font-weight:700}.ut-error:empty{display:none}.ut-hint{margin:0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.ut-copy{min-height:44px;padding-inline:12px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ut-modes{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border:1.5px solid var(--color-line-strong);border-radius:var(--radius-m);background:var(--color-sunken)}.ut-modes button{flex:1 1 120px;min-height:40px;padding:6px 10px;border-color:transparent;background:transparent;font-size:var(--text-xs)}.ut-modes button[aria-pressed=true]{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.ut-bin{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-4);align-items:stretch}.ut-bin textarea{width:100%;min-height:150px;font-family:var(--font-mono);font-size:var(--text-s);resize:vertical;overflow-wrap:anywhere}.ut-bin textarea[aria-invalid=true]{border-color:var(--color-danger-line)}.ut-bin output,.ut-out{display:block;min-height:150px;max-height:360px;overflow:auto;padding:var(--space-3);border:1.5px solid var(--color-line-strong);border-radius:var(--radius-m);background:var(--color-sunken);font:600 var(--text-s)/1.6 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.ut-swap{align-self:center;min-width:44px;min-height:44px}.ut-opts{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ut-opts>.cr-field{flex:1 1 180px}@media (max-width:720px){.ut-bin{grid-template-columns:minmax(0,1fr)}.ut-swap{justify-self:center}.ut-swap svg{transform:rotate(90deg)}}.ut-date-fields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.4fr) minmax(0,.8fr);gap:var(--space-3);align-items:end}.ut-weekday{margin:0;font:800 clamp(2rem,7vw,3.4rem)/1.05 var(--font-display);color:var(--color-ink);overflow-wrap:anywhere}.ut-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin:0}.ut-facts>div{padding:var(--space-3);border:1.5px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-sunken);min-width:0}.ut-facts dt{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.ut-facts dd{margin:4px 0 0;font:700 var(--text-m)/1.3 var(--font-mono);overflow-wrap:anywhere}@media (max-width:640px){.ut-date-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ut-date-fields>:first-child{grid-column:1/-1}}.ut-picker{display:grid;gap:var(--space-4);width:100%;max-width:520px}.ut-sv{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius-m);border:1.5px solid var(--color-edge);background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,transparent);touch-action:none;cursor:crosshair;user-select:none}.ut-sv:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ut-thumb{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #000,inset 0 0 0 1.5px #000;pointer-events:none}.ut-hue input[type=range]{width:100%;height:28px;appearance:none;-webkit-appearance:none;border-radius:var(--radius-pill);background:linear-gradient(90deg,#f00 0,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,#f00);border:1.5px solid var(--color-edge)}.ut-hue input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:transparent;border:3px solid #fff;box-shadow:0 0 0 1.5px #000;cursor:pointer}.ut-hue input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:transparent;border:3px solid #fff;box-shadow:0 0 0 1.5px #000;cursor:pointer}.ut-hue input[type=range]::-moz-range-track{background:transparent}.ut-preview{display:grid;place-items:center;min-height:140px;border-radius:var(--radius-m);border:1.5px solid var(--color-edge);font:800 var(--text-xl)/1.2 var(--font-mono);text-transform:uppercase}.ut-values{display:grid;gap:var(--space-3)}.ut-recent{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.ut-recent button{width:44px;height:44px;min-width:44px;padding:0;border:1.5px solid var(--color-edge);border-radius:var(--radius-s)}.ut-sample{position:relative;display:block;width:100%;max-width:520px;touch-action:none;cursor:crosshair}.ut-sample canvas{display:block;width:100%;height:auto;border-radius:var(--radius-m);border:1.5px solid var(--color-edge)}.ut-sample:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.ut-sample .ut-thumb{width:18px;height:18px;margin:-9px 0 0 -9px}.ut-image-mode{margin:var(--space-8) 0}.ut-image-mode>h2{margin-top:0}.ut-ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);justify-self:stretch}.ut-ba[hidden]{display:none}.ut-ba figure{margin:0;min-width:0}.ut-ba figcaption{margin-bottom:6px;font:700 var(--text-2xs)/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted)}.ut-ba canvas{display:block;width:100%;height:auto;border-radius:var(--radius-m);border:1.5px solid var(--color-edge);background:repeating-conic-gradient(var(--color-sunken) 0 25%,var(--color-bg) 0 50%) 0 0 /16px 16px}.ut-ba .is-picking canvas{cursor:crosshair}.ut-pairs{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.ut-pairs li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-2);align-items:end}.ut-plus{margin:0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-left:4px solid var(--color-accent);border-radius:var(--radius-m);background:var(--color-accent-soft);font-size:var(--text-s);line-height:1.5}@media (max-width:720px){.ut-ba,.ut-pairs li{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ut-card *,.ut-image-mode *{transition:none!important;animation:none!important}}.ut-ref{border-collapse:collapse;margin:var(--space-3) 0;font-size:var(--text-s)}.ut-ref td,.ut-ref th{padding:4px 16px;border:1px solid var(--color-line);text-align:right}.ut-ref th{background:var(--color-sunken)}.cr-panel.ut-subpanel{border-left:0;border-top:1.5px solid var(--color-line)}