.des-mesh[data-astro-cid-epwth2ib],body .des-color-panel[data-astro-cid-epwth2ib],body .des-format-guide[data-astro-cid-epwth2ib]{--des-c: var(--cat-design-main);--des-c-vivid: var(--cat-design-main);--des-c-l: var(--cat-design-soft);--des-c-bd: var(--cat-design-border);--des-coral: var(--cat-pdf-main);--des-coral-l: var(--cat-pdf-soft);--des-coral-m: var(--cat-pdf-border);--des-ink: var(--color-text-1);--des-ink-2: var(--color-text-2);--des-ink-3: var(--color-text-3);--des-border: color-mix(in srgb, var(--color-text-1) 8%, transparent);--des-border-h: color-mix(in srgb, var(--color-text-1) 16%, transparent);--des-bg-card: var(--color-card-bg);--des-bg-off: var(--color-bg);--des-shadow-sm: 0 1px 4px var(--color-shadow-card), 0 0 0 1px color-mix(in srgb, var(--color-text-1) 4%, transparent);--des-shadow-md: 0 4px 16px var(--color-shadow-card), 0 1px 4px color-mix(in srgb, var(--color-text-1) 4%, transparent);--des-shadow-hover: 0 20px 60px var(--color-shadow-card), 0 4px 12px color-mix(in srgb, var(--color-text-1) 6%, transparent)}.des-mesh[data-astro-cid-epwth2ib]{position:fixed;inset:0;z-index:-9;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 0% 0%,color-mix(in srgb,var(--cat-pdf-on-dark) 20%,transparent) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,color-mix(in srgb,var(--cat-design-on-dark) 22%,transparent) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 100% 100%,color-mix(in srgb,var(--cat-text-main) 18%,transparent) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 0% 100%,color-mix(in srgb,var(--cat-time-main) 16%,transparent) 0%,transparent 50%)}[data-theme=dark] .des-mesh[data-astro-cid-epwth2ib]{background:radial-gradient(ellipse 80% 60% at 0% 0%,color-mix(in srgb,var(--cat-pdf-on-dark) 14%,transparent) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,color-mix(in srgb,var(--cat-design-on-dark) 12%,transparent) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 100% 100%,color-mix(in srgb,var(--cat-text-main) 8%,transparent) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 0% 100%,color-mix(in srgb,var(--cat-time-main) 7%,transparent) 0%,transparent 50%)}.des-format-guide[data-astro-cid-epwth2ib]{margin-top:72px}.des-format-header[data-astro-cid-epwth2ib]{margin-bottom:20px}.des-format-eyebrow[data-astro-cid-epwth2ib]{font-family:DM Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--des-ink-3);margin-bottom:6px}.des-format-title[data-astro-cid-epwth2ib]{font-family:DM Sans,system-ui,sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:-.4px;color:var(--des-ink);line-height:1.2;margin:0}.des-format-grid[data-astro-cid-epwth2ib]{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:800px){.des-format-grid[data-astro-cid-epwth2ib]{grid-template-columns:1fr 1fr}}@media(min-width:1400px){.des-format-grid[data-astro-cid-epwth2ib]{grid-template-columns:repeat(4,minmax(0,1fr))}}.des-format-card[data-astro-cid-epwth2ib]{padding:22px;background:var(--des-bg-card);border:1px solid var(--des-border);border-radius:20px;box-shadow:var(--des-shadow-sm);position:relative;overflow:hidden;transition:border-color .2s}.des-format-card[data-astro-cid-epwth2ib]:hover{border-color:var(--des-c-bd)}.des-format-card[data-astro-cid-epwth2ib]:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;background:var(--des-c-vivid);border-radius:0 3px 3px 0;opacity:.4;transition:opacity .2s}.des-format-card[data-astro-cid-epwth2ib]:hover:before{opacity:1}.des-format-card-name[data-astro-cid-epwth2ib]{font-family:DM Mono,ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--des-c);margin-bottom:6px}.des-format-card-title[data-astro-cid-epwth2ib]{font-size:14px;font-weight:600;color:var(--des-ink);margin-bottom:6px}.des-format-card-desc[data-astro-cid-epwth2ib]{font-size:13px;color:var(--des-ink-2);line-height:1.65;margin:0 0 10px}.des-format-card-example[data-astro-cid-epwth2ib]{font-family:DM Mono,ui-monospace,monospace;font-size:11px;color:var(--des-c);background:var(--des-bg-off);border:1px solid var(--des-border);border-radius:8px;padding:8px 12px}.des-color-panel[data-astro-cid-epwth2ib]{--tool-des-swatch-1: #FF5C35;--tool-des-swatch-2: #FF9A3C;--tool-des-swatch-3: #F5C842;--tool-des-swatch-4: #22C497;--tool-des-swatch-5: #3B9EFF;--tool-des-swatch-6: #8B5CF6;--tool-des-swatch-7: #FF4D82;background:var(--des-bg-card);border:1px solid var(--des-border);border-radius:20px;box-shadow:var(--des-shadow-hover);overflow:hidden;display:flex;flex-direction:column}.des-cp-canvas[data-astro-cid-epwth2ib]{height:180px;background:linear-gradient(135deg,var(--tool-des-swatch-1) 0%,var(--tool-des-swatch-2) 15%,var(--tool-des-swatch-3) 30%,var(--tool-des-swatch-4) 48%,var(--tool-des-swatch-5) 64%,var(--tool-des-swatch-6) 80%,var(--tool-des-swatch-7) 100%);position:relative;flex-shrink:0}.des-cp-picker[data-astro-cid-epwth2ib]{position:absolute;top:72px;left:148px;width:20px;height:20px;border-radius:50%;border:3px solid var(--color-on-dark-strong);box-shadow:0 0 0 1px #0003,0 2px 8px #0000004d;background:var(--tool-des-swatch-3);transform:translate(-50%,-50%)}.des-cp-swatches[data-astro-cid-epwth2ib]{display:flex;border-bottom:1px solid var(--des-border)}.des-cp-swatch[data-astro-cid-epwth2ib]{flex:1;height:32px;transition:transform .15s;position:relative}.des-cp-swatch[data-astro-cid-epwth2ib]:hover{transform:scaleY(1.15);z-index:1}.des-cp-tabs[data-astro-cid-epwth2ib]{display:flex;gap:4px;padding:12px 16px 0}.des-cp-tab[data-astro-cid-epwth2ib]{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:9999px;border:1px solid var(--des-border);background:transparent;color:var(--des-ink-3);cursor:default}.des-cp-tab--active[data-astro-cid-epwth2ib]{background:var(--des-c-l);color:var(--des-c);border-color:var(--des-c-bd)}.des-cp-values[data-astro-cid-epwth2ib]{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px}.des-cp-row[data-astro-cid-epwth2ib]{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--des-bg-off);border:1px solid var(--des-border);border-radius:10px}.des-cp-row-label[data-astro-cid-epwth2ib]{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--des-ink-3);width:44px;flex-shrink:0}.des-cp-row-value[data-astro-cid-epwth2ib]{font-family:var(--font-mono);font-size:12px;color:var(--des-ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.des-cp-row-dot[data-astro-cid-epwth2ib]{width:14px;height:14px;border-radius:50%;flex-shrink:0;background:var(--tool-des-swatch-3);border:1px solid color-mix(in srgb,var(--color-text-1) 10%,transparent)}.des-cp-copy-btn[data-astro-cid-epwth2ib]{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--des-ink-3);cursor:default;flex-shrink:0}