.ds-root{padding:var(--spacing-600) 0 var(--spacing-800) 0}.ds-form{display:flex;gap:var(--spacing-300);margin-bottom:var(--spacing-500)}.ds-url-input{flex:1}.ds-spy-submit{flex-shrink:0}.ds-error{padding:var(--spacing-400) var(--spacing-500);background:color-mix(in srgb,var(--color-red-500, #ef4444) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-red-500, #ef4444) 30%,transparent);border-radius:var(--corner-radius-200);color:var(--fg-neutral);margin-bottom:var(--spacing-400)}.ds-idle-hint{color:var(--fg-neutral-secondary);margin:0}.ds-result{display:flex;flex-direction:column;gap:var(--spacing-600)}.ds-source-badge{display:inline-flex;align-items:center;gap:var(--spacing-200);padding:var(--spacing-100) var(--spacing-300);background:var(--bg-page-secondary);border:1px solid var(--border-strong-100);border-radius:var(--corner-radius-full);color:var(--fg-neutral-secondary);align-self:flex-start}.ds-source-dot{width:8px;height:8px;border-radius:var(--corner-radius-full);background:var(--color-primary-500);flex-shrink:0}.ds-section{display:flex;flex-direction:column;gap:var(--spacing-400)}.ds-section-header{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-neutral-secondary);padding-bottom:var(--spacing-300);border-bottom:1px solid var(--border-strong-100)}.ds-subsection{display:flex;flex-direction:column;gap:var(--spacing-300)}.ds-subsection-label{color:var(--fg-neutral-secondary)}.ds-empty{color:var(--fg-neutral-secondary);margin:0}.ds-swatch-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-300)}.ds-swatch-grid--compact .ds-swatch-item{width:56px}.ds-swatch-item{display:flex;flex-direction:column;gap:6px;width:80px}.ds-swatch{width:100%;height:44px;border-radius:var(--corner-radius-200);border:1px solid var(--border-strong-100)}.ds-swatch-name{font-size:10px;color:var(--fg-neutral-secondary);word-break:break-all;line-height:1.3}.ds-swatch-value{font-size:10px;font-family:Courier New,monospace;color:var(--fg-neutral)}.ds-font-list{display:flex;flex-direction:column;gap:var(--spacing-400)}.ds-font-item{display:flex;flex-direction:column;gap:var(--spacing-200)}.ds-font-name{color:var(--fg-neutral)}.ds-font-weights{display:flex;flex-wrap:wrap;gap:var(--spacing-200)}.ds-weight-pill{padding:2px 10px;background:var(--bg-page-secondary);border:1px solid var(--border-strong-100);border-radius:var(--corner-radius-full);color:var(--fg-neutral-secondary)}.ds-type-scale{display:flex;flex-direction:column;gap:var(--spacing-200)}.ds-type-step{display:flex;align-items:center;gap:var(--spacing-300)}.ds-type-label{font-family:Courier New,monospace;color:var(--fg-neutral-secondary);width:48px;flex-shrink:0}.ds-type-preview{color:var(--fg-neutral);line-height:1.2}.ds-radii-row{display:flex;flex-wrap:wrap;gap:var(--spacing-400)}.ds-radius-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-200)}.ds-radius-box{width:48px;height:48px;background:var(--color-primary-500);opacity:.7}.ds-radius-label{font-family:Courier New,monospace;color:var(--fg-neutral-secondary)}.ds-shadows-row{display:flex;flex-wrap:wrap;gap:var(--spacing-500)}.ds-shadow-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-300)}.ds-shadow-box{width:80px;height:56px;background:var(--bg-page-primary);border-radius:var(--corner-radius-200);border:1px solid var(--border-strong-100)}.ds-shadow-label{font-family:Courier New,monospace;color:var(--fg-neutral-secondary)}.ds-spacing-list{display:flex;flex-direction:column;gap:var(--spacing-200)}.ds-spacing-item{display:flex;align-items:center;gap:var(--spacing-300)}.ds-spacing-label{font-family:Courier New,monospace;color:var(--fg-neutral-secondary);width:44px;flex-shrink:0}.ds-spacing-bar-track{flex:1;height:12px;background:var(--bg-page-secondary);border-radius:var(--corner-radius-full);overflow:hidden}.ds-spacing-bar{height:100%;background:var(--color-primary-500);border-radius:var(--corner-radius-full);min-width:4px;max-width:100%;opacity:.7}.ds-download-bar{display:flex;align-items:center;gap:var(--spacing-400);padding:var(--spacing-400) var(--spacing-500);background:var(--bg-page-secondary);border:1px solid var(--border-strong-100);border-radius:var(--corner-radius-300);flex-wrap:wrap}.ds-download-hint{color:var(--fg-neutral-secondary)}@media (max-width: 480px){.ds-form{flex-direction:column}.ds-url-input,.ds-spy-submit{width:100%}.ds-download-bar{flex-direction:column;align-items:flex-start}}.page-header[data-astro-cid-tct56jkf]{padding:var(--spacing-800) 0 var(--spacing-600) 0;border-bottom:1px solid var(--border-strong-100);margin-bottom:var(--spacing-600)}h1[data-astro-cid-tct56jkf]{margin:0 0 var(--spacing-300) 0;letter-spacing:-.03em;text-transform:none}.intro[data-astro-cid-tct56jkf]{color:var(--fg-neutral-tertiary);margin:0;max-width:64ch}.intro[data-astro-cid-tct56jkf] code[data-astro-cid-tct56jkf]{font-size:1rem;font-family:Courier New,Courier,monospace;background:var(--bg-page-secondary);border:1px solid var(--border-strong-100);border-radius:var(--corner-radius-100);padding:1px 5px}.about[data-astro-cid-tct56jkf]{margin-top:var(--spacing-800);padding-top:var(--spacing-800);border-top:1px solid var(--border-strong-100);padding-bottom:var(--spacing-800)}.about[data-astro-cid-tct56jkf] h2[data-astro-cid-tct56jkf]{margin:0 0 var(--spacing-300) 0;text-transform:none}.about-intro[data-astro-cid-tct56jkf]{color:var(--fg-neutral-tertiary);margin:0 0 var(--spacing-500) 0;max-width:72ch}.about-grid[data-astro-cid-tct56jkf]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-400);margin-bottom:var(--spacing-600)}.about-card[data-astro-cid-tct56jkf]{padding:var(--spacing-500);border:1px solid var(--border-strong-100);border-radius:var(--corner-radius-300);background:var(--bg-page-secondary)}.about-card[data-astro-cid-tct56jkf] h3[data-astro-cid-tct56jkf]{margin:0 0 var(--spacing-200) 0;color:var(--fg-neutral)}.about-card[data-astro-cid-tct56jkf] p[data-astro-cid-tct56jkf]{color:var(--fg-neutral-tertiary);margin:0}.about-card[data-astro-cid-tct56jkf] code[data-astro-cid-tct56jkf]{font-size:.8125rem;font-family:Courier New,Courier,monospace;background:var(--bg-page-primary);border:1px solid var(--border-strong-100);border-radius:var(--corner-radius-100);padding:1px 4px}.tips[data-astro-cid-tct56jkf]{padding:var(--spacing-500);border:1px solid var(--border-strong-100);border-radius:var(--corner-radius-300);background:var(--bg-page-secondary)}.tips[data-astro-cid-tct56jkf] h3[data-astro-cid-tct56jkf]{margin:0 0 var(--spacing-300) 0}.tips[data-astro-cid-tct56jkf] ul[data-astro-cid-tct56jkf]{margin:0;padding-left:var(--spacing-500);display:flex;flex-direction:column;gap:var(--spacing-200)}.tips[data-astro-cid-tct56jkf] li[data-astro-cid-tct56jkf]{color:var(--fg-neutral-secondary)}@media (max-width: 640px){.about-grid[data-astro-cid-tct56jkf]{grid-template-columns:1fr}}