h2.svelte-1ihnrdp{color:var(--ui-color);border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:1rem}h3.svelte-1ihnrdp{color:#e2e8f0;margin-top:1rem;margin-bottom:.5rem}ul.svelte-1ihnrdp{padding-left:1.5rem;line-height:1.7}li.svelte-1ihnrdp{margin-bottom:.5rem}li.svelte-1ihnrdp::marker{color:var(--ui-color);font-size:1.2em}.unit-columns.svelte-1ihnrdp{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.unit-box.svelte-1ihnrdp{background:#0003;padding:1.25rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.unit-title.svelte-1ihnrdp{margin-top:0;padding-bottom:.3rem;border-bottom:2px solid rgba(255,255,255,.1)}.absolute-title.svelte-1ihnrdp{color:var(--data-color);border-bottom-color:var(--data-color)}.relative-title.svelte-1ihnrdp{color:var(--ui-color);border-bottom-color:var(--ui-color)}.table-container.svelte-1ihnrdp{overflow-x:auto;margin-top:1rem}table.svelte-1ihnrdp{width:100%;border-collapse:collapse;text-align:left;background:#0003;border-radius:8px;overflow:hidden}th.svelte-1ihnrdp,td.svelte-1ihnrdp{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}th.svelte-1ihnrdp{background:#38bdf826;color:var(--ui-color);font-weight:600}tr.svelte-1ihnrdp:last-child td:where(.svelte-1ihnrdp){border-bottom:none}.color-swatches.svelte-1ihnrdp{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.swatch.svelte-1ihnrdp{padding:.5rem 1rem;border-radius:6px;font-weight:600;font-family:monospace;font-size:.9rem;box-shadow:0 2px 4px #0000004d}.mixer-container.svelte-1ihnrdp{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#0003;padding:1.5rem;border-radius:8px;align-items:center;border:1px solid rgba(255,255,255,.05)}.sliders.svelte-1ihnrdp{display:flex;flex-direction:column;gap:1rem}.slider-group.svelte-1ihnrdp{display:flex;flex-direction:column;gap:.35rem}.slider-label.svelte-1ihnrdp{display:flex;justify-content:space-between;font-family:monospace;font-size:.9rem}.range-slider.svelte-1ihnrdp{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;background:#334155;outline:none;padding:0;margin:0;cursor:pointer}.range-slider.svelte-1ihnrdp::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer}.red-slider.svelte-1ihnrdp::-webkit-slider-thumb{background:#ef4444}.green-slider.svelte-1ihnrdp::-webkit-slider-thumb{background:#22c55e}.blue-slider.svelte-1ihnrdp::-webkit-slider-thumb{background:#3b82f6}.alpha-slider.svelte-1ihnrdp::-webkit-slider-thumb{background:#e2e8f0}.color-preview-box.svelte-1ihnrdp{height:180px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006}.checkerboard-bg.svelte-1ihnrdp{width:100%;height:100%;background-image:linear-gradient(45deg,#1e293b 25%,transparent 25%),linear-gradient(-45deg,#1e293b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1e293b 75%),linear-gradient(-45deg,transparent 75%,#1e293b 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#0f172a}.color-display-surface.svelte-1ihnrdp{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:background-color .05s ease}.color-info-text.svelte-1ihnrdp{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem 1rem;border-radius:6px;color:#fff;font-family:monospace;display:flex;flex-direction:column;align-items:center;gap:.25rem;border:1px solid rgba(255,255,255,.2)}.code-block.svelte-1ihnrdp{background:#38bdf81a;border:2px solid rgba(56,189,248,.5);padding:1rem;border-radius:8px;margin:1rem 0;font-family:monospace;position:relative}.code-block.svelte-1ihnrdp:after{content:"CSS";position:absolute;top:-10px;right:10px;background:#38bdf8;color:#fff;padding:2px 8px;font-size:.8rem;border-radius:4px;font-weight:700}.attr-color.svelte-1ihnrdp{color:#e2e8f0}.prop-color.svelte-1ihnrdp{color:var(--ui-color)}.value-color.svelte-1ihnrdp{color:#bef264}.class-color-text.svelte-1ihnrdp{color:var(--data-color)}.comment-color.svelte-1ihnrdp{color:#9ca3af;font-style:italic}.concepts-override.svelte-1ihnrdp{border-left-color:var(--ui-color);margin-top:2rem}.concepts-override strong{color:var(--ui-color)!important;background:#38bdf81a!important;border-color:#38bdf833!important}.concepts-list.svelte-1ihnrdp{line-height:1.8;padding-left:1.2rem}@media(max-width:768px){.unit-columns.svelte-1ihnrdp,.mixer-container.svelte-1ihnrdp{grid-template-columns:1fr}}