:root{--ftd-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ftd-font-mono:"JetBrains Mono",ui-monospace,"SF Mono","Consolas",monospace;--ftd-bg-page:#141210;--ftd-bg-subtle:#1c1a17;--ftd-bg-card:#1c1a17;--ftd-bg-hover:#2a271f;--ftd-bg-page-rgb:20,18,16;--ftd-bg-subtle-rgb:28,26,23;--ftd-bg-card-rgb:28,26,23;--ftd-bg-hover-rgb:42,39,31;--ftd-bg-raised-rgb:34,32,25;--ftd-border:#2e2b23;--ftd-border-hover:#3d3a30;--ftd-border-rgb:46,43,35;--ftd-text-main:#f0ebe3;--ftd-text-sub:#9c9487;--ftd-text-muted:#5c5649;--ftd-primary:#d4a84b;--ftd-primary-rgb:212,168,75;--ftd-primary-fade:rgba(var(--ftd-primary-rgb),.12);--ftd-primary-contrast:#141210;--ftd-green:#4ec994;--ftd-yellow:#e8b84b;--ftd-red:#e06c6c;--ftd-blue:#6b9fe8;--ftd-shadow-card:0 1px 3px #0006,0 1px 2px #0009;--ftd-shadow-hover:0 8px 24px #00000080,0 4px 8px #0006;--ftd-radius:10px;--ftd-page-backdrop:radial-gradient(900px 500px at 10% 0%,rgba(var(--ftd-primary-rgb),.04),transparent 60%),radial-gradient(700px 400px at 90% 10%,#4ec99408,transparent 55%),linear-gradient(180deg,var(--ftd-bg-page)0%,var(--ftd-bg-page)100%);--ftd-glass-bg:rgba(var(--ftd-bg-card-rgb),.88);--ftd-glass-bg-strong:rgba(var(--ftd-bg-page-rgb),.96);--ftd-glass-border:rgba(var(--ftd-border-rgb),.9);--ftd-glass-shadow:0 12px 32px #0009;--ftd-glass-blur:16px;--ftd-surface-bg:linear-gradient(180deg,rgba(var(--ftd-bg-raised-rgb),.9)0%,rgba(var(--ftd-bg-card-rgb),.8)100%);--ftd-surface-bg-strong:linear-gradient(180deg,rgba(var(--ftd-bg-raised-rgb),.98)0%,rgba(var(--ftd-bg-page-rgb),.92)100%);--ftd-panel-bg:rgba(var(--ftd-bg-card-rgb),.65);--ftd-outline-soft:rgba(var(--ftd-border-rgb),.8);--ftd-premium-edge:#ffffff0d;--ftd-premium-shadow:0 8px 24px #00000080,0 2px 6px #0006;--ftd-premium-shadow-hover:0 12px 36px #000000a6,0 4px 12px #00000080;--ftd-premium-ring:0 0 0 2px rgba(var(--ftd-primary-rgb),.35)}[data-theme=light]{--ftd-bg-page:#fff;--ftd-bg-subtle:#f9fafb;--ftd-bg-card:#f9fafb;--ftd-bg-hover:#f3f4f6;--ftd-bg-page-rgb:255,255,255;--ftd-bg-subtle-rgb:249,250,251;--ftd-bg-card-rgb:249,250,251;--ftd-bg-hover-rgb:243,244,246;--ftd-bg-raised-rgb:255,255,255;--ftd-border:#e5e7eb;--ftd-border-hover:#d1d5db;--ftd-border-rgb:229,231,235;--ftd-text-main:#111827;--ftd-text-sub:#6b7280;--ftd-text-muted:#9ca3af;--ftd-primary:#d4a84b;--ftd-primary-rgb:212,168,75;--ftd-primary-fade:rgba(var(--ftd-primary-rgb),.12);--ftd-primary-contrast:#111827;--ftd-green:#10b981;--ftd-yellow:#f59e0b;--ftd-red:#ef4444;--ftd-blue:#3b82f6;--ftd-shadow-card:0 1px 3px #0000001a,0 1px 2px #0000000f;--ftd-shadow-hover:0 10px 15px #0000001a,0 4px 6px #0000000d;--ftd-page-backdrop:radial-gradient(900px 500px at 10% 0%,rgba(var(--ftd-primary-rgb),.03),transparent 60%),radial-gradient(700px 400px at 90% 10%,#10b98105,transparent 55%),linear-gradient(180deg,var(--ftd-bg-page)0%,var(--ftd-bg-page)100%);--ftd-glass-bg:#f9fafbe0;--ftd-glass-bg-strong:#fffffff5;--ftd-glass-border:#e5e7ebe6;--ftd-glass-shadow:0 10px 25px #00000014;--ftd-glass-blur:16px;--ftd-surface-bg:linear-gradient(180deg,#f9fafbe6 0%,#f3f4f6cc 100%);--ftd-surface-bg-strong:linear-gradient(180deg,#fffffffa 0%,#f9fafbeb 100%);--ftd-panel-bg:#f9fafba6;--ftd-outline-soft:#e5e7ebcc;--ftd-premium-edge:#fffc;--ftd-premium-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;--ftd-premium-shadow-hover:0 8px 20px #0000001f,0 4px 8px #0000000f;--ftd-premium-ring:0 0 0 2px rgba(var(--ftd-primary-rgb),.35)}body{margin:0}.ftd-container{font-family:var(--ftd-font-sans);background:var(--ftd-page-backdrop);background-attachment:fixed;background-color:var(--ftd-bg-page);color:var(--ftd-text-main);-webkit-font-smoothing:antialiased;min-height:100vh;text-rendering:optimizeLegibility;padding:0 40px;position:relative}.ftd-container-animated{transition:opacity .1s ease-in}.ftd-container *{box-sizing:border-box}.ftd-navbar-sticky{z-index:1000;background:var(--ftd-glass-bg-strong);border-bottom:1px solid var(--ftd-border);width:100%;padding:0;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0006}.ftd-navbar-sticky:before{content:"";background:linear-gradient(90deg,transparent,rgba(var(--ftd-primary-rgb),.4),transparent);opacity:.55;pointer-events:none;height:1px;position:absolute;top:0;left:40px;right:40px}.ftd-glass-surface,.ftd-section,.ftd-semantic-section,.ftd-variant-card,.ftd-radius-container,.ftd-dimension-group,.ftd-color-sidebar,.ftd-search-container,.ftd-export-container,.ftd-token-card,.ftd-spacing-item,.ftd-dimension-item,.ftd-display-card{background:var(--ftd-glass-bg);border-color:var(--ftd-glass-border);box-shadow:var(--ftd-glass-shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ftd-glass-surface,.ftd-section,.ftd-foundation-section,.ftd-semantic-section,.ftd-variant-card,.ftd-radius-container,.ftd-dimension-group,.ftd-color-sidebar,.ftd-search-container,.ftd-export-container,.ftd-navbar-sticky{-webkit-backdrop-filter:blur(var(--ftd-glass-blur))saturate(1.05)}}.ftd-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:14px;height:58px;padding:0 40px;display:grid}.ftd-header-brand{justify-self:start;align-items:center;gap:8px;min-width:0;display:flex}.ftd-header-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:22px;height:22px}.ftd-header-title{letter-spacing:-.018em;color:var(--ftd-text-main);white-space:nowrap;font-size:.96rem;font-weight:800;line-height:1}.ftd-header-sep{color:var(--ftd-text-muted);opacity:.4;font-size:.8rem}.ftd-header-subtitle{color:var(--ftd-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-size:.74rem;font-weight:500;line-height:1;overflow:hidden}.ftd-header-center{justify-content:center;min-width:0;display:flex}.ftd-header-tabs{background:rgba(var(--ftd-bg-raised-rgb),.72);border:1px solid rgba(var(--ftd-border-rgb),.95);box-shadow:inset 0 1px 0 var(--ftd-premium-edge);border-radius:10px;justify-content:center;align-items:center;gap:3px;padding:3px;display:inline-flex}.ftd-header-tab{height:33px;color:var(--ftd-text-sub);font-size:.8rem;font-weight:600;font-family:var(--ftd-font-sans);cursor:pointer;letter-spacing:.008em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 15px;transition:background .14s,color .14s,border-color .14s,box-shadow .14s;display:inline-flex}.ftd-header-tab:hover{background:var(--ftd-bg-hover);color:var(--ftd-text-main)}.ftd-header-tab.active{background:rgba(var(--ftd-primary-rgb),.13);color:var(--ftd-primary);border-color:rgba(var(--ftd-primary-rgb),.24);box-shadow:inset 0 1px #ffffff0f}.ftd-header-tab-icon{opacity:.7;align-items:center;display:inline-flex}.ftd-header-tab.active .ftd-header-tab-icon{opacity:1}.ftd-header-actions{justify-content:flex-end;justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.ftd-header-action-btn{background:rgba(var(--ftd-bg-raised-rgb),.8);border:1px solid var(--ftd-border);height:34px;color:var(--ftd-text-sub);font-size:.76rem;font-weight:600;font-family:var(--ftd-font-sans);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 12px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ftd-header-action-btn:hover{background:var(--ftd-bg-hover);border-color:var(--ftd-border-hover);color:var(--ftd-text-main)}.ftd-header-action-btn svg{flex-shrink:0}.ftd-header-search-btn{background:rgba(var(--ftd-bg-raised-rgb),.8);border:1px solid var(--ftd-border);height:34px;color:var(--ftd-text-muted);font-size:.76rem;font-family:var(--ftd-font-sans);cursor:pointer;border-radius:8px;align-items:center;gap:7px;min-width:172px;padding:0 12px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ftd-header-search-btn:hover{background:var(--ftd-bg-hover);border-color:var(--ftd-border-hover);color:var(--ftd-text-sub)}.ftd-header-search-btn svg{flex-shrink:0}.ftd-header-kbd{font-family:var(--ftd-font-mono);border:1px solid rgba(var(--ftd-border-rgb),.8);color:var(--ftd-text-muted);background:#00000026;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:.62rem;line-height:1.4}.ftd-header-actions .ftd-format-button{white-space:nowrap;border-radius:8px;height:34px;padding:0 12px;font-size:.76rem;line-height:1}.ftd-title-wrapper,.ftd-title,.ftd-subtitle,.ftd-tabs,.ftd-tab{display:none}.ftd-text-muted{color:var(--ftd-text-muted)}.ftd-icon{stroke:currentColor;flex-shrink:0;width:18px;height:18px}.ftd-section-icon,.ftd-nav-icon,.ftd-empty-icon{color:var(--ftd-text-sub);justify-content:center;align-items:center;display:inline-flex}.ftd-section-icon .ftd-icon{width:20px;height:20px}.ftd-empty-icon .ftd-icon{width:28px;height:28px}.ftd-tabs{gap:4px;margin-bottom:0;padding:0 40px 16px;display:flex;overflow-x:auto}.ftd-tab{min-width:130px;color:var(--ftd-text-sub);cursor:pointer;letter-spacing:.01em;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:7px 14px;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.ftd-tab:hover{background:var(--ftd-bg-hover);color:var(--ftd-text-main);transform:translateY(-1px)}.ftd-tab.active{background:rgba(var(--ftd-primary-rgb),.12);color:var(--ftd-primary);border-color:rgba(var(--ftd-primary-rgb),.25);box-shadow:0 0 0 1px rgba(var(--ftd-primary-rgb),.08),0 4px 12px rgba(var(--ftd-primary-rgb),.1)}.ftd-tab.active:after{content:"";background:linear-gradient(90deg,transparent,var(--ftd-primary),transparent);opacity:.8;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:20%;right:20%}.ftd-section-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.ftd-section-title{text-transform:capitalize;letter-spacing:-.025em;background:linear-gradient(135deg,var(--ftd-text-main)0%,var(--ftd-text-sub)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:800;line-height:1.4}.ftd-section-badge{background:rgba(var(--ftd-primary-rgb),.08);border:1px solid rgba(var(--ftd-primary-rgb),.2);color:var(--ftd-primary);letter-spacing:.03em;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700}.ftd-tab-badge{letter-spacing:.08em;text-transform:uppercase;background:rgba(var(--ftd-primary-rgb),.12);color:var(--ftd-primary);border:1px solid rgba(var(--ftd-primary-rgb),.25);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.7rem;font-weight:700}.ftd-tab-badge-lab{color:var(--ftd-blue);background:#6b9fe81f;border-color:#6b9fe840}.ftd-tab-helper{color:var(--ftd-text-sub);margin:0;font-size:.9rem}.ftd-tab-intro{background:var(--ftd-glass-bg);border:1px solid var(--ftd-glass-border);box-shadow:var(--ftd-premium-shadow);border-radius:14px;flex-direction:column;gap:8px;margin-bottom:24px;padding:18px 22px;display:flex}.ftd-content{padding-top:calc(var(--ftd-sticky-offset,60px) + 16px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--ftd-primary-rgb),.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--ftd-primary-rgb),.3)}*{scrollbar-width:thin;scrollbar-color:rgba(var(--ftd-primary-rgb),.15)transparent}.ftd-copied-toast{background:rgba(var(--ftd-bg-card-rgb),.96);-webkit-backdrop-filter:blur(14px);color:var(--ftd-text-main);border:1px solid var(--ftd-border-hover);z-index:1000;pointer-events:none;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;font-weight:600;animation:.4s cubic-bezier(.16,1,.3,1) ftdToastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 32px #00000080,0 4px 12px #0006}.ftd-toast-icon{background:var(--ftd-green);color:#141210;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;box-shadow:0 0 10px #4ec99466}.ftd-toast-content{align-items:center;gap:8px;display:flex}.ftd-toast-label{opacity:.7;font-weight:500}.ftd-toast-value{font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.12);border:1px solid rgba(var(--ftd-primary-rgb),.2);color:var(--ftd-primary);border-radius:6px;padding:3px 8px;font-weight:700}@keyframes ftdToastIn{0%{opacity:0;transform:translate(40px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.ftd-sh-punctuation{color:#5c5649}.ftd-sh-value,.ftd-sh-string{color:var(--ftd-green)}.ftd-sh-comment{color:#4a4740;font-style:italic}.ftd-lang-scss .ftd-sh-selector{color:#b48be0}.ftd-lang-scss .ftd-sh-property{color:#e8899a}.ftd-lang-scss .ftd-sh-value{color:#4ec994}.ftd-lang-css .ftd-sh-selector{color:#b48be0}.ftd-lang-css .ftd-sh-property{color:var(--ftd-blue)}.ftd-lang-css .ftd-sh-value{color:var(--ftd-yellow)}.ftd-lang-tailwind .ftd-sh-tag{color:#e8899a}.ftd-lang-tailwind .ftd-sh-attr{color:var(--ftd-text-sub)}.ftd-lang-tailwind .ftd-sh-value{color:var(--ftd-blue)}.ftd-lang-js .ftd-sh-keyword{color:#e8899a;font-weight:500}.ftd-lang-js .ftd-sh-property{color:var(--ftd-blue)}.ftd-lang-js .ftd-sh-value,.ftd-lang-js .ftd-sh-string{color:var(--ftd-green)}.ftd-color-container{flex-direction:column;gap:48px;display:flex}.ftd-section{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);box-shadow:var(--ftd-shadow-card);padding:24px}.ftd-section-icon{font-size:1.25rem}.ftd-section-count{background:var(--ftd-bg-hover);color:var(--ftd-text-sub);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.ftd-color-family-container{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;width:100%;display:grid}.ftd-color-family{width:100%;margin-bottom:0}.ftd-color-family:last-child{margin-bottom:0}.ftd-color-family-card{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);cursor:pointer;border-radius:12px;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.ftd-color-family-card:hover{border-color:var(--ftd-border-hover);box-shadow:0 4px 20px #00000059}.ftd-color-family-hero{flex-shrink:0;align-items:flex-end;height:80px;padding:10px 12px;display:flex;position:relative}.ftd-color-family-hero-overlay{background:linear-gradient(#0000 30%,#00000073 100%);position:absolute;inset:0}.ftd-color-family-hero-name{z-index:1;text-transform:capitalize;letter-spacing:.02em;text-shadow:0 1px 3px #00000080;font-size:.78rem;font-weight:700;position:relative}.ftd-color-shades-strip{flex-shrink:0;height:6px;display:flex}.ftd-color-shade-pip{flex:1}.ftd-color-family-meta{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 10px;display:flex}.ftd-color-family-count{color:var(--ftd-text-muted);font-size:.68rem;font-family:var(--ftd-font-mono)}.ftd-color-family-hex{color:var(--ftd-primary);font-size:.68rem;font-family:var(--ftd-font-mono);font-weight:600}.ftd-color-family-card.is-active{border-color:rgba(var(--ftd-primary-rgb),.5);box-shadow:0 0 0 2px rgba(var(--ftd-primary-rgb),.18),0 4px 20px #0000004d}.ftd-panel-backdrop{z-index:1090;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.ftd-panel-backdrop.is-visible{pointer-events:all;background:#00000059}.ftd-color-panel{z-index:1100;background:var(--ftd-surface-bg-strong);border-left:1px solid var(--ftd-border);flex-direction:column;width:340px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-12px 0 48px #00000080,-4px 0 16px #0000004d}.ftd-color-panel.is-open{transform:translate(0)}.ftd-color-panel-hero{flex-direction:column;flex-shrink:0;justify-content:flex-end;height:150px;display:flex;position:relative}.ftd-color-panel-hero-overlay{background:linear-gradient(#00000014 0%,#0000008c 100%);position:absolute;inset:0}.ftd-color-panel-hero-content{z-index:1;justify-content:space-between;align-items:flex-start;padding:16px 18px 10px;display:flex;position:relative}.ftd-color-panel-hero-text{flex:1;min-width:0}.ftd-color-panel-nav{-webkit-backdrop-filter:blur(8px);background:#00000040;border:1px solid #ffffff1f;border-radius:9px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}.ftd-color-panel-nav-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,color .12s;display:flex}.ftd-color-panel-nav-btn:hover:not(:disabled){color:#fff;background:#ffffff26}.ftd-color-panel-nav-btn:disabled{opacity:.25;cursor:not-allowed}.ftd-color-panel-nav-counter{font-size:.65rem;font-weight:700;font-family:var(--ftd-font-mono);color:#ffffffb3;text-align:center;white-space:nowrap;min-width:32px;padding:0 4px}.ftd-color-panel-nav-divider{background:#ffffff26;width:1px;height:16px;margin:0 2px}.ftd-color-panel-family-label{text-transform:uppercase;letter-spacing:.1em;color:#fff9;margin:0 0 2px;font-size:.62rem;font-weight:700}.ftd-color-panel-family-name{letter-spacing:-.02em;text-transform:capitalize;text-shadow:0 2px 8px #0006;margin:0 0 4px;font-size:1.5rem;font-weight:800;line-height:1}.ftd-color-panel-shade-count{font-size:.72rem;font-family:var(--ftd-font-mono);opacity:.75;margin:0}.ftd-color-panel-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#00000040;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.ftd-color-panel-close:hover{background:#00000073}.ftd-color-panel-strip{z-index:1;height:8px;display:flex;position:relative}.ftd-color-panel-strip-pip{flex:1}.ftd-color-panel-body{scrollbar-width:thin;scrollbar-color:rgba(var(--ftd-primary-rgb),.15)transparent;flex:1;padding:16px 0 24px;overflow-y:auto}.ftd-color-panel-body::-webkit-scrollbar{width:4px}.ftd-color-panel-body::-webkit-scrollbar-track{background:0 0}.ftd-color-panel-body::-webkit-scrollbar-thumb{background:rgba(var(--ftd-primary-rgb),.15);border-radius:10px}.ftd-color-panel-hint{color:var(--ftd-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 18px 12px;font-size:.65rem;font-weight:600}.ftd-color-panel-shades{flex-direction:column;gap:2px;padding:0 10px;display:flex}.ftd-color-panel-shade-row{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:background .12s,transform .1s;display:flex}.ftd-color-panel-shade-row:hover{background:var(--ftd-bg-hover);border-color:var(--ftd-border)}.ftd-color-panel-shade-row.is-copied{background:rgba(var(--ftd-primary-rgb),.08);border-color:rgba(var(--ftd-primary-rgb),.2)}.ftd-color-panel-swatch{border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff0f}.ftd-color-panel-check{display:block}.ftd-color-panel-shade-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ftd-color-panel-shade-name{color:var(--ftd-text-main);font-size:.8rem;font-weight:700;font-family:var(--ftd-font-mono)}.ftd-color-panel-shade-var{color:var(--ftd-text-muted);font-size:.64rem;font-family:var(--ftd-font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ftd-color-panel-shade-hex{color:var(--ftd-primary);font-size:.68rem;font-weight:600;font-family:var(--ftd-font-mono);text-align:right;flex-shrink:0;min-width:58px}.ftd-color-family-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ftd-color-family-swatch{width:24px;height:24px;box-shadow:inset 0 1px 0 #ffffff1a,0 0 0 1px rgba(var(--ftd-border-rgb),.8);border-radius:5px}.ftd-color-family-name{text-transform:capitalize;color:var(--ftd-text-sub);margin:0;font-size:.9rem;font-weight:600}.ftd-color-scale{border-radius:7px;flex-direction:column;display:flex;overflow:hidden}.ftd-color-shade{cursor:pointer;flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:60px;padding:10px 14px;transition:filter .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff08}.ftd-color-shade:hover{filter:brightness(1.08)}.ftd-color-shade-label{min-width:30px;font-size:.8rem;font-weight:700}.ftd-shade-values{align-items:center;gap:12px;min-width:0;display:flex}.ftd-shade-css-var,.ftd-shade-hex{font-family:var(--ftd-font-mono);cursor:pointer;opacity:.75;white-space:nowrap;background:#0000002e;border-radius:4px;padding:3px 6px;font-size:.7rem}.ftd-shade-css-var{text-overflow:ellipsis;max-width:120px;overflow:hidden}.ftd-shade-hex{flex-shrink:0}.ftd-color-shade-value{font-family:var(--ftd-font-mono);opacity:.9;font-size:.6rem}.ftd-semantic-families{flex-direction:column;gap:20px;display:flex}.ftd-semantic-family{background:var(--ftd-bg-subtle);border:1px solid var(--ftd-border);border-radius:7px;padding:14px}.ftd-semantic-family-header{border-bottom:1px solid var(--ftd-border);align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;display:flex}.ftd-semantic-family-colors{flex-wrap:wrap;gap:12px;display:flex}.ftd-semantic-family-colors .ftd-token-card{flex:1;min-width:180px;max-width:250px}.ftd-token-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.ftd-token-card{background:linear-gradient(135deg,rgba(var(--ftd-bg-raised-rgb),.9),rgba(var(--ftd-bg-card-rgb),.8));border:1px solid var(--ftd-border);cursor:pointer;border-radius:9px;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff0a}.ftd-token-card:hover{border-color:rgba(var(--ftd-primary-rgb),.35);box-shadow:0 0 0 1px rgba(var(--ftd-primary-rgb),.12),inset 0 1px 0 #ffffff0a;background:linear-gradient(135deg,rgba(var(--ftd-bg-raised-rgb),1),rgba(var(--ftd-bg-hover-rgb),.9))}.ftd-token-swatch{border-bottom:1px solid rgba(var(--ftd-border-rgb),.6);justify-content:center;align-items:center;height:72px;transition:none;display:flex;position:relative}.ftd-token-swatch span{letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:2px 6px;font-size:10px;display:inline-flex}.ftd-token-info{background:0 0;padding:12px 14px}.ftd-token-name{color:var(--ftd-text-main);letter-spacing:-.01em;margin:0 0 6px;font-size:.82rem;font-weight:700}.ftd-token-value{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);align-items:center;gap:6px;margin:0;font-size:.7rem;display:flex}.ftd-token-values-row{flex-direction:column;gap:6px;margin-top:6px;display:flex}.ftd-token-css-var,.ftd-token-hex{font-family:var(--ftd-font-mono);cursor:pointer;background:rgba(var(--ftd-primary-rgb),.06);border:1px solid rgba(var(--ftd-primary-rgb),.14);color:var(--ftd-text-sub);word-break:break-all;border-radius:5px;padding:4px 8px;font-size:.68rem;font-weight:600;transition:all .18s}.ftd-token-css-var:hover,.ftd-token-hex:hover{background:rgba(var(--ftd-primary-rgb),.12);border-color:rgba(var(--ftd-primary-rgb),.28);color:var(--ftd-primary)}.ftd-copy-icon{opacity:.3;transition:all .2s}.ftd-token-card:hover .ftd-copy-icon{opacity:1;transform:scale(1.1)}.ftd-color-layout{gap:28px;display:flex;position:relative}.ftd-color-sidebar{width:200px;top:calc(var(--ftd-sticky-offset,60px) + 8px);flex-shrink:0;height:fit-content;position:sticky}.ftd-color-nav{flex-direction:column;gap:2px;display:flex}.ftd-color-nav-link{color:var(--ftd-text-sub);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px 14px;font-size:.85rem;font-weight:500;transition:all .18s;display:flex}.ftd-color-nav-link:hover{background:var(--ftd-bg-hover);color:var(--ftd-text-main)}.ftd-color-nav-link.active{background:rgba(var(--ftd-primary-rgb),.1);color:var(--ftd-primary);font-weight:600}.ftd-nav-icon{font-size:1rem}.ftd-nav-label{flex:1}.ftd-nav-count{opacity:.5;background:#0003;border-radius:4px;padding:2px 6px;font-size:.72rem}.ftd-color-nav-link.active .ftd-nav-count{background:rgba(var(--ftd-primary-rgb),.2);opacity:1}.ftd-color-content{flex-direction:column;flex:1;gap:48px;min-width:0;padding:16px 0 max(480px,70vh);display:flex}.ftd-spacing-scale{flex-direction:column;gap:1px;display:flex}.ftd-spacing-scale-row{cursor:pointer;border:1px solid #0000;border-radius:7px;grid-template-columns:200px 1fr 28px;align-items:center;gap:0;padding:6px 14px 6px 16px;transition:background .13s,border-color .13s;display:grid;position:relative}.ftd-spacing-scale-row:hover{background:var(--ftd-bg-hover);border-color:var(--ftd-border)}.ftd-spacing-scale-name{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);white-space:normal;word-break:break-all;flex-direction:column;align-items:flex-start;gap:3px;padding-right:12px;font-size:.73rem;font-weight:600;display:flex;overflow:visible}.ftd-spacing-scale-track{border-bottom:1px solid rgba(var(--ftd-border-rgb),.6);align-items:flex-end;height:24px;margin-left:0;padding-left:0;display:flex;position:relative;overflow:visible}.ftd-spacing-scale-row:hover .ftd-spacing-scale-track{border-bottom-color:rgba(var(--ftd-primary-rgb),.25)}.ftd-spacing-scale-block{background:linear-gradient(90deg,rgba(var(--ftd-primary-rgb),.2)0%,rgba(var(--ftd-primary-rgb),.08)100%);border-bottom:2px solid rgba(var(--ftd-primary-rgb),.55);box-sizing:border-box;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;min-width:3px;height:16px;margin:0;padding:0;transition:background .13s,border-color .13s;display:flex;position:relative}.ftd-spacing-scale-row:hover .ftd-spacing-scale-block{background:linear-gradient(90deg,rgba(var(--ftd-primary-rgb),.3)0%,rgba(var(--ftd-primary-rgb),.12)100%);border-color:rgba(var(--ftd-primary-rgb),.85)}.ftd-spacing-scale-cap{background:rgba(var(--ftd-primary-rgb),.6);border-radius:1px;width:1.5px;height:7px;position:absolute;bottom:-1px}.ftd-spacing-scale-cap-l{left:0}.ftd-spacing-scale-cap-r{right:0}.ftd-spacing-scale-row:hover .ftd-spacing-scale-cap{background:var(--ftd-primary)}.ftd-spacing-scale-origin{background:rgba(var(--ftd-primary-rgb),.4);border-radius:1px;flex-shrink:0;width:1.5px;height:8px;position:absolute;bottom:-1px;left:0}.ftd-spacing-scale-row:hover .ftd-spacing-scale-origin{background:rgba(var(--ftd-primary-rgb),.7)}.ftd-spacing-scale-inline-val{font-family:var(--ftd-font-mono);color:var(--ftd-primary);letter-spacing:.02em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.68rem;font-weight:700;position:relative}.ftd-spacing-scale-outside-val{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-self:flex-end;margin-bottom:3px;margin-left:7px;font-size:.68rem;font-weight:700}.ftd-spacing-scale-meta{display:none}.ftd-spacing-scale-copy{color:var(--ftd-text-muted);opacity:0;justify-content:center;align-items:center;transition:opacity .13s;display:flex}.ftd-spacing-scale-row:hover .ftd-spacing-scale-copy{opacity:1;color:var(--ftd-primary)}.ftd-spacing-scale-row[data-zero]{opacity:.6}.ftd-spacing-item{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);cursor:pointer;border-radius:7px;align-items:center;gap:16px;padding:10px 18px;transition:all .18s;display:flex}.ftd-spacing-item:hover{border-color:var(--ftd-primary);box-shadow:0 0 0 1px rgba(var(--ftd-primary-rgb),.15);transform:translate(3px)}.ftd-spacing-bar-container{background:var(--ftd-bg-hover);border-radius:4px;flex:1;height:6px;overflow:hidden}.ftd-spacing-bar{background:linear-gradient(90deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.6));border-radius:4px;height:100%}.ftd-bw-grid{flex-wrap:wrap;gap:12px;display:flex}.ftd-bw-card{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:10px;min-width:90px;padding:16px 14px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.ftd-bw-card:hover{border-color:rgba(var(--ftd-primary-rgb),.4);transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.ftd-bw-demo-wrap{justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ftd-bw-box{border-style:solid;border-color:rgba(var(--ftd-primary-rgb),.55);background:rgba(var(--ftd-primary-rgb),.05);border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;transition:border-color .15s,background .15s;display:flex}.ftd-bw-card:hover .ftd-bw-box{border-color:var(--ftd-primary);background:rgba(var(--ftd-primary-rgb),.1)}.ftd-bw-zero-label{font-family:var(--ftd-font-mono);color:var(--ftd-text-muted);text-align:center;-webkit-font-smoothing:antialiased;font-size:.52rem}.ftd-bw-info{text-align:center}.ftd-bw-name{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);-webkit-font-smoothing:antialiased;margin:0 0 3px;font-size:.72rem;font-weight:600}.ftd-bw-val{font-family:var(--ftd-font-mono);color:var(--ftd-primary);-webkit-font-smoothing:antialiased;margin:0;font-size:.68rem;font-weight:700}.ftd-tshirt-wrap{background:var(--ftd-bg-subtle);border:1px solid var(--ftd-border);border-radius:12px;padding:32px 28px 20px;overflow-x:auto}.ftd-tshirt-stage{align-items:flex-end;gap:12px;min-height:180px;padding-bottom:28px;display:flex;position:relative}.ftd-tshirt-stage:after{content:"";background:rgba(var(--ftd-border-rgb),.8);pointer-events:none;height:1px;position:absolute;bottom:28px;left:0;right:0}.ftd-tshirt-item{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:0;display:flex;position:relative}.ftd-tshirt-dim{font-family:var(--ftd-font-mono);color:var(--ftd-text-muted);-webkit-font-smoothing:antialiased;white-space:nowrap;margin-bottom:5px;font-size:.62rem;font-weight:700;transition:color .13s}.ftd-tshirt-item:hover .ftd-tshirt-dim{color:var(--ftd-primary)}.ftd-tshirt-block{background:linear-gradient(180deg,rgba(var(--ftd-primary-rgb),.18)0%,rgba(var(--ftd-primary-rgb),.08)100%);border:1.5px solid rgba(var(--ftd-primary-rgb),.32);border-bottom:2px solid rgba(var(--ftd-primary-rgb),.6);border-radius:5px 5px 3px 3px;flex-shrink:0;transition:background .15s,border-color .15s,transform .15s;position:relative}.ftd-tshirt-block:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0d,#0000);height:40%;position:absolute;top:0;left:0;right:0}.ftd-tshirt-item:hover .ftd-tshirt-block{background:linear-gradient(180deg,rgba(var(--ftd-primary-rgb),.3)0%,rgba(var(--ftd-primary-rgb),.14)100%);border-color:rgba(var(--ftd-primary-rgb),.6);border-bottom-color:var(--ftd-primary);transform:translateY(-3px)}.ftd-tshirt-label{font-family:var(--ftd-font-mono);color:var(--ftd-text-muted);white-space:nowrap;-webkit-font-smoothing:antialiased;font-size:.62rem;font-weight:600;transition:color .13s;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.ftd-tshirt-item:hover .ftd-tshirt-label{color:var(--ftd-text-sub)}.ftd-tshirt-item.is-percent .ftd-tshirt-block{background:linear-gradient(180deg,rgba(var(--ftd-primary-rgb),.1)0%,rgba(var(--ftd-primary-rgb),.04)100%);border-style:dashed}.ftd-tshirt-nonnumeric{border-top:1px solid var(--ftd-border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.ftd-tshirt-nonnumeric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ftd-text-muted);-webkit-font-smoothing:antialiased;margin-right:4px;font-size:.62rem;font-weight:700}.ftd-tshirt-nonnumeric-tag{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;transition:border-color .13s,background .13s;display:flex}.ftd-tshirt-nonnumeric-tag:hover{border-color:rgba(var(--ftd-primary-rgb),.4);background:var(--ftd-bg-hover)}.ftd-tshirt-nonnumeric-name{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);-webkit-font-smoothing:antialiased;font-size:.7rem;font-weight:600}.ftd-tshirt-nonnumeric-val{font-family:var(--ftd-font-mono);color:var(--ftd-primary);-webkit-font-smoothing:antialiased;font-size:.68rem;font-weight:700}.ftd-size-grid{background:var(--ftd-bg-subtle);border-radius:10px;align-items:flex-end;gap:14px;min-height:100px;margin-bottom:28px;padding:32px;display:flex;overflow-x:auto}.ftd-size-bar{background:linear-gradient(180deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.5));box-shadow:0 4px 12px rgba(var(--ftd-primary-rgb),.2);border-radius:4px;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.ftd-size-label{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);font-size:.72rem;font-weight:600}.ftd-radius-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.ftd-radius-card{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:14px 10px 10px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.ftd-radius-card:hover{border-color:rgba(var(--ftd-primary-rgb),.4);box-shadow:0 0 0 1px rgba(var(--ftd-primary-rgb),.15);background:rgba(var(--ftd-bg-hover-rgb),.6)}.ftd-radius-demo-wrap{justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ftd-radius-demo-box{background:linear-gradient(135deg,rgba(var(--ftd-primary-rgb),.18),rgba(var(--ftd-primary-rgb),.07));border:1.5px solid rgba(var(--ftd-primary-rgb),.32);width:44px;height:44px;transition:all .2s;position:relative}.ftd-radius-card:hover .ftd-radius-demo-box{background:linear-gradient(135deg,rgba(var(--ftd-primary-rgb),.28),rgba(var(--ftd-primary-rgb),.1));border-color:rgba(var(--ftd-primary-rgb),.5)}.ftd-radius-corner-mark{border-color:var(--ftd-primary);opacity:.55;border-style:solid;width:8px;height:8px;position:absolute}.ftd-radius-corner-tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.ftd-radius-corner-tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.ftd-radius-corner-bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.ftd-radius-corner-br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.ftd-radius-card:hover .ftd-radius-corner-mark{opacity:1}.ftd-radius-info{text-align:center;width:100%;overflow:hidden}.ftd-radius-name{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);-webkit-font-smoothing:antialiased;margin:0 0 4px;font-size:.72rem;font-weight:600}.ftd-radius-val{font-family:var(--ftd-font-mono);color:var(--ftd-primary);-webkit-font-smoothing:antialiased;margin:0;font-size:.68rem;font-weight:700}.ftd-radius-card.is-pill .ftd-radius-val{background:rgba(var(--ftd-primary-rgb),.12);border:1px solid rgba(var(--ftd-primary-rgb),.25);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:.62rem}.ftd-radius-container{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);box-shadow:var(--ftd-shadow-card);padding:22px}.ftd-radius-header{align-items:center;gap:12px;margin-bottom:22px;display:flex}.ftd-radius-title{color:var(--ftd-text-main);margin:0;font-size:1.1rem;font-weight:700}.ftd-radius-count{background:var(--ftd-bg-hover);color:var(--ftd-text-sub);border-radius:5px;padding:3px 7px;font-size:.72rem;font-weight:600}.ftd-display-card{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);text-align:center;border-radius:10px;padding:0;transition:all .2s;overflow:hidden}.ftd-display-card .ftd-token-card-label{margin:0;padding:14px 14px 4px}.ftd-display-card .ftd-token-values-row{padding:0 14px 14px}.ftd-display-card:hover{box-shadow:var(--ftd-shadow-hover);transform:translateY(-2px)}.ftd-token-preview-container{background:repeating-linear-gradient(45deg,rgba(var(--ftd-border-rgb),.5),rgba(var(--ftd-border-rgb),.5)7px,rgba(var(--ftd-bg-card-rgb),.5)7px,rgba(var(--ftd-bg-card-rgb),.5)14px);justify-content:center;align-items:center;height:76px;display:flex}.ftd-token-preview{background:var(--ftd-primary);width:44px;height:44px;box-shadow:0 4px 12px rgba(var(--ftd-primary-rgb),.3)}.ftd-token-card-label{color:var(--ftd-text-main);margin:0 0 4px;font-size:.9rem;font-weight:700}.ftd-radius-value{font-family:var(--ftd-font-mono);color:var(--ftd-primary);margin:0;font-size:.78rem;font-weight:600}.ftd-foundation-container{flex-direction:column;gap:48px;display:flex}.ftd-foundation-section{box-shadow:none;background:0 0;border:none;padding:0}.ftd-scroll-target{scroll-margin-top:var(--ftd-sticky-offset,68px)}.ftd-typography-groups{flex-direction:column;gap:24px;display:flex}.ftd-typography-group{flex-direction:column;gap:12px;display:flex}.ftd-typography-group-header{border-bottom:1px solid var(--ftd-border);align-items:center;gap:10px;padding-bottom:8px;display:flex}.ftd-typography-group-title{color:var(--ftd-text-main);margin:0;font-size:.95rem;font-weight:700}.ftd-typography-card:hover{box-shadow:var(--ftd-shadow-hover);border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-typography-label{color:var(--ftd-text-sub);text-transform:capitalize;margin-bottom:8px;font-size:.82rem;font-weight:600}.ftd-typography-value{font-family:var(--ftd-font-mono);color:var(--ftd-text-main);font-size:.95rem;font-weight:700}.ftd-semantic-container{flex-direction:column;gap:48px;display:flex}.ftd-semantic-section{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);box-shadow:var(--ftd-shadow-card);padding:22px}.ftd-semantic-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.ftd-semantic-group{margin-bottom:0}.ftd-semantic-group-header{border-bottom:1px solid rgba(var(--ftd-border-rgb),.5);align-items:center;gap:10px;margin:0 0 10px;padding:6px 0;display:flex}.ftd-semantic-group-name{letter-spacing:-.01em;color:var(--ftd-text-main);margin:0;font-size:1rem;font-weight:700}.ftd-semantic-group-count{color:var(--ftd-text-sub);background:rgba(var(--ftd-primary-rgb),.08);border:1px solid rgba(var(--ftd-primary-rgb),.2);border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:600}.ftd-sem-swatch-alias-dot{background:#ffffffe6;border:1.5px solid #00000026;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 1px 3px #00000040}.ftd-sem-swatch-hex{font-family:var(--ftd-font-mono);letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:inherit;opacity:0;pointer-events:none;background:#00000038;border:1px solid #ffffff26;border-radius:999px;padding:3px 7px;font-size:.65rem;font-weight:700;transition:opacity .18s}.ftd-token-card:hover .ftd-sem-swatch-hex{opacity:1}.ftd-sem-foundation-ref{font-family:var(--ftd-font-mono);color:var(--ftd-text-muted);background:rgba(var(--ftd-bg-hover-rgb),.6);border:1px solid rgba(var(--ftd-border-rgb),.8);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;align-items:center;gap:3px;max-width:100%;padding:4px 8px;font-size:.67rem;font-weight:600;display:inline-flex;overflow:hidden}.ftd-token-card:hover .ftd-sem-foundation-ref{color:var(--ftd-text-sub);border-color:var(--ftd-border-hover)}.ftd-semantic-groups{flex-direction:column;gap:20px;display:flex}.ftd-sem-alias-row{align-items:center;gap:4px;margin-top:3px;display:flex}.ftd-sem-alias-ref{font-size:.68rem;font-family:var(--ftd-font-mono);color:var(--ftd-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.ftd-sem-alias-chip{font-size:.67rem;font-family:var(--ftd-font-mono);color:var(--ftd-text-muted);background:rgba(var(--ftd-bg-hover-rgb),.6);border:1px solid rgba(var(--ftd-border-rgb),.8);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:5px;align-items:center;gap:3px;max-width:100%;margin-top:4px;padding:3px 7px;font-weight:600;display:inline-flex;overflow:hidden}.ftd-sem-generic-preview{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:56px;padding:14px 14px 10px;display:flex}.ftd-sem-generic-value{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);word-break:break-all;font-size:.8rem}.ftd-comp-variants-list{flex-direction:column;gap:2px;display:flex}.ftd-variant-panel{border:1px solid var(--ftd-border);border-radius:10px;grid-template-columns:280px 1fr;min-height:120px;transition:border-color .15s;display:grid;overflow:hidden}.ftd-variant-panel:hover{border-color:var(--ftd-border-hover)}.ftd-variant-preview-col{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(var(--ftd-primary-rgb),.06),transparent 70%),var(--ftd-bg-subtle);border-right:1px solid var(--ftd-border);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex;position:relative}.ftd-variant-name-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--ftd-text-sub);background:rgba(var(--ftd-bg-raised-rgb),.8);border:1px solid var(--ftd-border);border-radius:5px;align-self:flex-start;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.ftd-comp-preview-stage{flex:1;justify-content:center;align-items:center;padding:8px 0 4px;display:flex}.ftd-comp-preview-stage--wide{justify-content:stretch;width:100%}.ftd-comp-preview-stage--wide>*{width:100%}.ftd-variant-spec-col{background:var(--ftd-bg-card);flex-flow:wrap;align-content:flex-start;align-items:flex-start;gap:0;padding:12px 0;display:flex}.ftd-spec-group{border-right:1px solid var(--ftd-border);flex-direction:column;flex:1;min-width:180px;padding:0 16px;display:flex}.ftd-spec-group:last-child{border-right:none}.ftd-spec-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ftd-text-muted);border-bottom:1px solid rgba(var(--ftd-border-rgb),.5);margin-bottom:8px;padding-bottom:6px;font-size:.62rem;font-weight:700;display:block}.ftd-spec-row{cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;padding:5px 6px;transition:background .12s;display:flex}.ftd-spec-row:hover{background:var(--ftd-bg-hover)}.ftd-spec-row:hover .ftd-spec-value{color:var(--ftd-primary)}.ftd-spec-row-left{flex-shrink:0;align-items:center;gap:7px;display:flex}.ftd-spec-swatch{border:1px solid #00000026;border-radius:3px;flex-shrink:0;width:14px;height:14px;box-shadow:0 1px 2px #0003}.ftd-spec-type-icon{text-align:center;flex-shrink:0;width:14px;font-size:.8rem}.ftd-spec-name{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);white-space:nowrap;font-size:.7rem;font-weight:600}.ftd-spec-row-right{flex-direction:column;align-items:flex-end;gap:1px;min-width:0;display:flex;overflow:hidden}.ftd-spec-value{font-family:var(--ftd-font-mono);color:var(--ftd-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.67rem;transition:color .12s;overflow:hidden}.ftd-spec-ref{font-family:var(--ftd-font-mono);color:var(--ftd-primary);opacity:.7;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.6rem;overflow:hidden}.ftd-comp-live-btn{cursor:default;font-family:var(--ftd-font-sans);letter-spacing:-.01em;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.ftd-comp-live-input-wrap{flex-direction:column;gap:5px;width:180px;display:flex}.ftd-comp-live-label{font-size:11px;font-weight:600;font-family:var(--ftd-font-sans);color:var(--ftd-text-sub)}.ftd-comp-live-input{font-family:var(--ftd-font-sans);align-items:center;display:flex}.ftd-comp-live-placeholder{color:var(--ftd-text-muted);font-size:12px;font-family:var(--ftd-font-sans)}.ftd-comp-live-card{width:210px}.ftd-comp-live-card-title{font-weight:700;font-family:var(--ftd-font-sans);margin-bottom:6px}.ftd-comp-live-card-body{color:var(--ftd-text-muted);font-size:11px;font-family:var(--ftd-font-sans);line-height:1.5}.ftd-comp-live-badge{font-family:var(--ftd-font-sans);letter-spacing:.01em;font-weight:600}.ftd-comp-live-tooltip-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.ftd-comp-live-tooltip{font-family:var(--ftd-font-sans);white-space:nowrap;position:relative}.ftd-comp-live-tooltip-arrow{border-top:6px solid #1a1a1a;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.ftd-comp-live-tooltip-target{color:var(--ftd-text-muted);font-size:11px;font-family:var(--ftd-font-sans);text-underline-offset:3px;-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.ftd-comp-avatar-stack{align-items:flex-end;gap:8px;display:flex}.ftd-comp-live-avatar{font-family:var(--ftd-font-sans);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.ftd-comp-live-navbar{border-radius:6px;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex}.ftd-comp-live-navbar-logo{font-size:13px;font-weight:800;font-family:var(--ftd-font-sans)}.ftd-comp-live-navbar-links{font-size:12px;font-family:var(--ftd-font-sans);gap:14px;display:flex}.ftd-comp-live-modal-backdrop{background:#0000004d;border-radius:6px;justify-content:center;align-items:center;padding:14px;display:flex}.ftd-comp-live-modal{width:100%;max-width:260px}.ftd-comp-live-modal-header{font-size:14px;font-weight:700;font-family:var(--ftd-font-sans);color:var(--ftd-text-main);margin-bottom:8px}.ftd-comp-live-modal-body{color:var(--ftd-text-muted);font-size:11px;font-family:var(--ftd-font-sans);margin-bottom:14px;line-height:1.5}.ftd-comp-live-modal-footer{justify-content:flex-end;gap:8px;display:flex}.ftd-comp-live-modal-btn-ghost{font-size:11px;font-family:var(--ftd-font-sans);color:var(--ftd-text-sub);cursor:default;border:1px solid var(--ftd-border);border-radius:5px;padding:5px 10px}.ftd-comp-live-modal-btn-primary{font-size:11px;font-family:var(--ftd-font-sans);color:#fff;cursor:default;background:var(--ftd-primary);border-radius:5px;padding:5px 10px}.ftd-comp-live-table{width:100%;font-family:var(--ftd-font-sans);border-radius:6px;font-size:11px;overflow:hidden}.ftd-comp-live-table-header{letter-spacing:.05em;text-transform:uppercase;grid-template-columns:1fr 1fr 1fr;padding:6px 10px;font-size:10px;font-weight:700;display:grid}.ftd-comp-live-table-row{grid-template-columns:1fr 1fr 1fr;padding:6px 10px;display:grid}.ftd-comp-live-generic{font-family:var(--ftd-font-sans);justify-content:center;align-items:center;min-width:120px;padding:14px 24px;font-size:13px;font-weight:600;display:flex}.ftd-auto-preview-interactive{font-family:var(--ftd-font-sans);white-space:nowrap;-webkit-user-select:none;user-select:none}.ftd-auto-preview-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.ftd-auto-preview-input-wrap{width:190px;font-family:var(--ftd-font-sans);flex-direction:column;gap:5px;display:flex}.ftd-auto-preview-input-label{color:var(--ftd-text-sub);font-size:11px;font-weight:600}.ftd-auto-preview-input{min-height:34px;font-family:var(--ftd-font-sans);box-sizing:border-box;align-items:center;display:flex}.ftd-auto-preview-card{width:210px;font-family:var(--ftd-font-sans);box-sizing:border-box}.ftd-component-section{margin-bottom:0}.ftd-component-tabs{background:rgba(var(--ftd-bg-card-rgb),.9);border:1px solid var(--ftd-border);border-radius:999px;gap:4px;margin:10px 0 18px;padding:5px;display:inline-flex;box-shadow:0 8px 20px #0006}.ftd-component-tab{color:var(--ftd-text-sub);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 14px;font-size:.83rem;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.ftd-component-tab.active{background:rgba(var(--ftd-primary-rgb),.14);border-color:rgba(var(--ftd-primary-rgb),.28);color:var(--ftd-primary);box-shadow:0 6px 16px rgba(var(--ftd-primary-rgb),.15)}.ftd-component-tab:focus-visible{box-shadow:0 0 0 2px rgba(var(--ftd-primary-rgb),.3);outline:none}.ftd-component-controls{flex-wrap:wrap;align-items:center;gap:14px;margin:10px 0 22px;display:flex}.ftd-control-group{flex-direction:column;gap:5px;min-width:150px;display:flex}.ftd-control-label{color:var(--ftd-text-sub);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}.ftd-control-select{appearance:none;background:var(--ftd-bg-card);color:var(--ftd-text-main);border:1px solid var(--ftd-border);cursor:pointer;border-radius:7px;min-height:34px;padding:7px 11px;font-size:.88rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.ftd-control-select:focus-visible{border-color:var(--ftd-primary);box-shadow:0 0 0 2px rgba(var(--ftd-primary-rgb),.2);outline:none}.ftd-control-select:disabled{opacity:.5;cursor:not-allowed}.ftd-variants-grid{flex-wrap:wrap;gap:20px;display:flex}.ftd-variants-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:14px;display:flex}.ftd-variants-header .ftd-component-controls{margin:0}.ftd-component-code{margin-bottom:22px}.ftd-variant-card{background:var(--ftd-glass-bg);border:1px solid var(--ftd-border);width:calc(33.3333% - 14px);box-shadow:var(--ftd-premium-shadow);border-radius:14px;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.ftd-variant-card:hover{box-shadow:var(--ftd-premium-shadow-hover);border-color:rgba(var(--ftd-primary-rgb),.25);transform:translateY(-3px)}.ftd-variant-header{border-bottom:1px solid var(--ftd-border);background:rgba(var(--ftd-primary-rgb),.04);justify-content:space-between;align-items:center;gap:10px;padding:15px 18px;display:flex}.ftd-variant-name{text-transform:capitalize;letter-spacing:.01em;font-size:.9rem;font-weight:600}.ftd-variant-body{flex-direction:column;display:flex}.ftd-variant-groups{flex-direction:column;gap:10px;display:flex}.ftd-variant-preview{background:repeating-linear-gradient(45deg,rgba(var(--ftd-border-rgb),.5),rgba(var(--ftd-border-rgb),.5)8px,rgba(var(--ftd-bg-card-rgb),.5)8px,rgba(var(--ftd-bg-card-rgb),.5)16px);border-bottom:1px solid var(--ftd-border);justify-content:center;align-items:center;height:140px;min-height:110px;padding:32px;display:flex}.ftd-variant-button{cursor:pointer;padding:9px 20px;font-size:.88rem;font-weight:500;transition:all .2s}.ftd-variant-table-wrapper{width:100%;padding:0}.ftd-variant-table{border-collapse:collapse;text-align:left;width:100%;font-size:.78rem}.ftd-variant-table th{color:var(--ftd-text-sub);background:var(--ftd-bg-page);border-bottom:1px solid var(--ftd-border);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;font-size:.66rem;font-weight:600}.ftd-variant-table td{border-bottom:1px solid var(--ftd-border);vertical-align:middle;padding:9px 14px}.ftd-variant-table tr:last-child td{border-bottom:none}.ftd-cell-label{color:var(--ftd-text-sub);text-transform:capitalize;width:70px;font-weight:600}.ftd-cell-empty{color:var(--ftd-text-muted)}.ftd-table-swatch-container{cursor:pointer;align-items:center;gap:8px;display:flex}.ftd-table-swatch{border:1px solid #0000004d;border-radius:4px;flex-shrink:0;width:18px;height:18px}.ftd-table-value-group{flex-direction:column;display:flex}.ftd-table-hex{font-family:var(--ftd-font-mono);color:var(--ftd-text-main);font-size:.72rem}.ftd-table-ref{color:var(--ftd-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.68rem;overflow:hidden}.ftd-variant-spec-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;margin-top:22px;display:grid}.ftd-variant-spec-card{background:var(--ftd-glass-bg);border:1px solid var(--ftd-border);box-shadow:var(--ftd-premium-shadow);border-radius:20px;flex-direction:column;padding:0;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;height:640px!important;min-height:640px!important}.ftd-variant-spec-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.ftd-variant-spec-blueprint-view{flex-direction:column;flex:1;animation:.35s ease-out ftd-fade-in;display:flex}@keyframes ftd-fade-in{0%{opacity:0}to{opacity:1}}.ftd-variant-spec-header{background:linear-gradient(180deg,rgba(var(--ftd-primary-rgb),.07),transparent);border-bottom:1px solid var(--ftd-border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.ftd-variant-spec-header-main{flex-direction:column;gap:2px;display:flex}.ftd-variant-spec-actions{background:rgba(var(--ftd-primary-rgb),.04);border:1px solid rgba(var(--ftd-primary-rgb),.12);border-radius:99px;gap:3px;padding:3px;display:flex}.ftd-variant-spec-toggle{color:var(--ftd-text-muted);font-family:var(--ftd-font-mono);cursor:pointer;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;background:0 0;border:none;border-radius:99px;justify-content:center;align-items:center;padding:5px 12px;font-size:.62rem;font-weight:700;transition:all .2s;display:flex}.ftd-variant-spec-toggle:hover{color:var(--ftd-primary);background:rgba(var(--ftd-primary-rgb),.06)}.ftd-variant-spec-toggle.active{background:rgba(var(--ftd-primary-rgb),.12);color:var(--ftd-primary)}.ftd-variant-spec-code-view{background:var(--ftd-bg-card);flex-direction:column;flex:1;display:flex;overflow:hidden}.ftd-variant-spec-code-view .ftd-component-code{background:0 0;border:none;height:100%;margin:0}.ftd-variant-spec-name{font-family:var(--ftd-font-mono);color:var(--ftd-text-main);letter-spacing:-.01em;text-transform:capitalize;font-size:.82rem;font-weight:700}.ftd-variant-spec-tokens{gap:6px;display:flex}.ftd-token-mini-pill{font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.06);border:1px solid rgba(var(--ftd-primary-rgb),.12);color:var(--ftd-primary);border-radius:99px;padding:3px 8px;font-size:.62rem;font-weight:600}.ftd-variant-spec-hero{background-image:linear-gradient(rgba(var(--ftd-primary-rgb),.04)1px,transparent 1px),linear-gradient(90deg,rgba(var(--ftd-primary-rgb),.04)1px,transparent 1px);border-bottom:1px solid var(--ftd-border);background-size:20px 20px;flex-shrink:0;justify-content:center;align-items:center;height:260px;display:flex;position:relative}.ftd-variant-spec-hero:after{content:"BLUEPRINT";color:rgba(var(--ftd-primary-rgb),.18);letter-spacing:.2em;font-size:.5rem;font-weight:800;position:absolute;top:10px;left:10px}.ftd-blueprint-corner{border:1px solid rgba(var(--ftd-primary-rgb),.18);pointer-events:none;width:9px;height:9px;position:absolute}.ftd-blueprint-corner.top-left{border-bottom:none;border-right:none;top:9px;left:9px}.ftd-blueprint-corner.top-right{border-bottom:none;border-left:none;top:9px;right:9px}.ftd-blueprint-corner.bottom-left{border-top:none;border-right:none;bottom:9px;left:9px}.ftd-blueprint-corner.bottom-right{border-top:none;border-left:none;bottom:9px;right:9px}.ftd-blueprint-dimensions{color:rgba(var(--ftd-primary-rgb),.25);font-family:var(--ftd-font-mono);pointer-events:none;align-items:center;gap:6px;font-size:9px;font-weight:600;display:flex;position:absolute}.ftd-blueprint-dimensions.horizontal{bottom:18px;left:36px;right:36px}.ftd-blueprint-dimensions.vertical{flex-direction:column;top:36px;bottom:36px;left:18px}.ftd-dimension-line{background:rgba(var(--ftd-primary-rgb),.14);flex:1;height:1px;position:relative}.ftd-blueprint-dimensions.vertical .ftd-dimension-line{width:1px;height:auto}.ftd-dimension-line:before,.ftd-dimension-line:after{content:"";background:rgba(var(--ftd-primary-rgb),.22);position:absolute}.ftd-blueprint-dimensions.horizontal .ftd-dimension-line:before{width:1px;top:-3px;bottom:-3px;left:0}.ftd-blueprint-dimensions.horizontal .ftd-dimension-line:after{width:1px;top:-3px;bottom:-3px;right:0}.ftd-blueprint-dimensions.vertical .ftd-dimension-line:before{height:1px;top:0;left:-3px;right:-3px}.ftd-blueprint-dimensions.vertical .ftd-dimension-line:after{height:1px;bottom:0;left:-3px;right:-3px}.ftd-spec-button-hero{z-index:1;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ftd-variant-spec-states{border-bottom:1px solid var(--ftd-border);background:rgba(var(--ftd-bg-page-rgb),.4);justify-content:space-around;padding:16px 20px;display:flex}.ftd-spec-state-item{cursor:pointer;border:1px solid #0000;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:7px;padding:7px;transition:all .18s;display:flex}.ftd-spec-state-item:hover{background:rgba(var(--ftd-primary-rgb),.05);transform:translateY(-1px)}.ftd-spec-state-item.active{background:rgba(var(--ftd-primary-rgb),.08);border-color:rgba(var(--ftd-primary-rgb),.12)}.ftd-spec-button-mini{pointer-events:none;border-width:1px;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.ftd-spec-state-label{color:var(--ftd-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:10px;font-weight:600}.ftd-variant-spec-footer{background:var(--ftd-bg-subtle);border-top:1px solid var(--ftd-border);padding:18px 20px}.ftd-spec-property-grid{flex-direction:column;gap:12px;display:flex}.ftd-spec-prop{cursor:pointer;border-radius:7px;align-items:center;gap:14px;margin:0 -10px;padding:8px 10px;transition:all .18s;display:flex;position:relative}.ftd-spec-prop:hover{background:rgba(var(--ftd-primary-rgb),.06)}.ftd-spec-prop:active{background:rgba(var(--ftd-primary-rgb),.1);transform:scale(.99)}.ftd-spec-prop-label{width:44px;color:var(--ftd-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:10px;font-weight:700}.ftd-spec-prop-info{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.ftd-spec-swatch{border-radius:3px;flex-shrink:0;width:13px;height:13px;margin-top:2px;box-shadow:inset 0 0 0 1px #0003}.ftd-spec-prop-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ftd-spec-prop-value{font-family:var(--ftd-font-mono);color:var(--ftd-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.ftd-spec-prop-meta{font-family:var(--ftd-font-mono);color:var(--ftd-text-muted);align-items:center;gap:5px;font-size:9px;display:flex}.ftd-spec-prop-hex{text-transform:uppercase;font-weight:600}.ftd-spec-prop-divider{opacity:.3}.ftd-spec-prop-var{color:var(--ftd-primary);opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ftd-spec-prop-copy{opacity:0;color:var(--ftd-primary);flex-shrink:0;transition:all .18s;transform:translate(4px)}.ftd-spec-prop:hover .ftd-spec-prop-copy{opacity:1;transform:translate(0)}.ftd-button-spec{flex-direction:column;gap:24px;margin-bottom:28px;display:flex}.ftd-button-spec-section{background:linear-gradient(180deg,rgba(var(--ftd-bg-raised-rgb),.96),rgba(var(--ftd-bg-card-rgb),.9));border:1px solid var(--ftd-border);box-shadow:var(--ftd-premium-shadow);border-radius:16px;padding:20px}.ftd-button-spec-size-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ftd-button-spec-size-title{align-items:center;gap:8px;margin:0;display:flex}.ftd-button-spec-size-title h3{color:var(--ftd-text-main);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}.ftd-button-spec-size-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--ftd-text-main);background:rgba(var(--ftd-primary-rgb),.1);border:1px solid rgba(var(--ftd-primary-rgb),.18);border-radius:999px;padding:3px 10px;font-size:.62rem;font-weight:700}.ftd-button-spec-meta{color:var(--ftd-text-muted);letter-spacing:.02em;align-items:center;gap:14px;font-size:.7rem;font-weight:500;display:flex}.ftd-button-spec-matrix{display:none}.ftd-button-spec-cell{background:var(--ftd-glass-bg);border:1px solid var(--ftd-border);border-radius:14px;justify-content:center;align-items:center;min-height:76px;padding:14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff08}.ftd-button-spec-row:hover .ftd-button-spec-cell{border-color:rgba(var(--ftd-primary-rgb),.25);box-shadow:0 10px 22px rgba(var(--ftd-primary-rgb),.1),inset 0 1px 0 #ffffff0d;transform:translateY(-2px)}.ftd-button-spec-row-head .ftd-button-spec-cell{text-transform:uppercase;letter-spacing:.1em;min-height:28px;color:var(--ftd-text-sub);box-shadow:none;background:0 0;border:none;justify-content:center;padding:0 5px;font-size:.65rem;font-weight:700}.ftd-button-spec-row-head .ftd-button-spec-cell:first-child{justify-content:flex-start}.ftd-button-spec-variant{color:var(--ftd-text-sub);background:rgba(var(--ftd-bg-card-rgb),.5);border-color:#0000;justify-content:flex-start;padding-left:18px;font-size:.82rem;font-weight:600}.ftd-button-spec-button{pointer-events:none;width:100%;box-shadow:inset 0 0 0 1px #ffffff0a}.ftd-button-spec-code{margin-top:26px}.ftd-component-code-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ftd-text-sub);padding:8px 14px 0;font-size:.68rem;font-weight:700}.ftd-source-banner{background:rgba(var(--ftd-primary-rgb),.03);border:1px solid rgba(var(--ftd-primary-rgb),.12);border-radius:16px;flex-direction:column;gap:7px;margin-bottom:28px;padding:18px 22px;animation:.5s ease-out ftd-fade-in;display:flex}.ftd-source-badge{text-transform:uppercase;letter-spacing:.08em;background:rgba(var(--ftd-primary-rgb),.12);width:fit-content;color:var(--ftd-primary);border:1px solid rgba(var(--ftd-primary-rgb),.1);border-radius:7px;padding:3px 9px;font-size:.62rem;font-weight:800;display:inline-flex}.ftd-source-text{color:var(--ftd-text-muted);margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.ftd-search-modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#000000a6;justify-content:center;align-items:flex-start;padding:100px 20px;animation:.18s ftd-fade-in;display:flex;position:fixed;inset:0}.ftd-search-container{background:rgba(var(--ftd-bg-card-rgb),.98);border:1px solid var(--ftd-border-hover);border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:70vh;animation:.2s ftd-slide-up;display:flex;box-shadow:0 24px 60px #000000b3,0 8px 20px #00000080}@keyframes ftd-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ftd-search-header{border-bottom:1px solid var(--ftd-border);align-items:center;gap:10px;padding:14px 18px;display:flex}.ftd-search-icon{color:var(--ftd-text-sub);flex-shrink:0}.ftd-search-input{font-family:var(--ftd-font-sans);color:var(--ftd-text-main);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.ftd-search-input::placeholder{color:var(--ftd-text-muted)}.ftd-search-kbd{font-family:var(--ftd-font-mono);background:var(--ftd-bg-hover);border:1px solid var(--ftd-border);color:var(--ftd-text-sub);border-radius:4px;padding:3px 7px;font-size:.72rem}.ftd-search-results{flex:1;padding:6px;overflow-y:auto}.ftd-search-empty{text-align:center;color:var(--ftd-text-sub);padding:52px 18px}.ftd-search-empty p{margin:0 0 10px;font-size:.92rem}.ftd-search-tips{color:var(--ftd-text-muted);font-size:.82rem}.ftd-search-group{margin-bottom:14px}.ftd-search-category-header{color:var(--ftd-text-sub);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;padding:7px 11px;font-size:.72rem;font-weight:600;display:flex}.ftd-search-count{background:var(--ftd-bg-hover);border-radius:10px;padding:2px 6px;font-size:.68rem}.ftd-search-result-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:9px 11px;transition:all .12s;display:flex}.ftd-search-result-item:hover,.ftd-search-result-selected{background:rgba(var(--ftd-primary-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--ftd-primary-rgb),.18)}.ftd-search-result-preview{border:1px solid var(--ftd-border);border-radius:5px;flex-shrink:0;width:30px;height:30px}.ftd-search-result-content{flex:1;min-width:0}.ftd-search-result-name{color:var(--ftd-text-main);margin-bottom:2px;font-size:.88rem;font-weight:500}.ftd-search-result-name mark{background:rgba(var(--ftd-primary-rgb),.15);color:var(--ftd-primary);border-radius:2px;padding:0 2px}.ftd-search-result-meta{font-family:var(--ftd-font-mono);color:var(--ftd-text-sub);align-items:center;gap:5px;font-size:.72rem;display:flex}.ftd-search-result-meta mark{background:rgba(var(--ftd-primary-rgb),.15);color:var(--ftd-primary);border-radius:2px;padding:0 2px}.ftd-search-result-separator{color:var(--ftd-text-muted)}.ftd-search-enter-kbd{font-family:var(--ftd-font-mono);background:var(--ftd-primary);color:var(--ftd-primary-contrast);border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:.72rem;font-weight:700}.ftd-search-footer{border-top:1px solid var(--ftd-border);background:var(--ftd-bg-subtle);padding:10px 18px}.ftd-search-footer-hint{color:var(--ftd-text-sub);align-items:center;gap:10px;font-size:.78rem;display:flex}.ftd-search-footer-hint kbd{font-family:var(--ftd-font-mono);background:var(--ftd-bg-card);border:1px solid var(--ftd-border);border-radius:3px;padding:2px 5px;font-size:.68rem}.ftd-search-button,.ftd-search-shortcut{display:none}.ftd-export-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1200;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out ftd-fade-in;display:flex;position:fixed;inset:0}.ftd-export-container{background:linear-gradient(180deg,rgba(var(--ftd-bg-raised-rgb),.98)0%,rgba(var(--ftd-bg-page-rgb),.95)100%);border:1px solid var(--ftd-border-hover);border-radius:14px;flex-direction:column;width:100%;max-width:780px;max-height:84vh;animation:.25s cubic-bezier(.16,1,.3,1) ftd-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #000c,0 10px 30px #0009}.ftd-export-container.mw-600{max-width:580px}.ftd-export-container:before{content:"";background:rgba(var(--ftd-primary-rgb),.12);height:1px;position:absolute;top:0;left:14px;right:14px}.ftd-export-header{border-bottom:1px solid var(--ftd-border);justify-content:space-between;align-items:flex-start;padding:22px;display:flex}.ftd-export-title{color:var(--ftd-text-main);margin:0;font-size:18px;font-weight:700}.ftd-export-subtitle{color:var(--ftd-text-sub);margin:4px 0 0;font-size:13px}.ftd-export-close{border:1px solid var(--ftd-border);color:var(--ftd-text-sub);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;transition:all .18s;display:flex}.ftd-export-close:hover{background:var(--ftd-bg-hover);color:var(--ftd-text-main);border-color:var(--ftd-border-hover)}.ftd-export-tabs{background:var(--ftd-bg-subtle);border-bottom:1px solid var(--ftd-border);gap:6px;padding:10px 22px;display:flex}.ftd-export-tab{color:var(--ftd-text-sub);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .18s}.ftd-export-tab:hover{background:var(--ftd-bg-hover);color:var(--ftd-text-main)}.ftd-export-tab.active{background:rgba(var(--ftd-primary-rgb),.12);color:var(--ftd-primary);border:1px solid rgba(var(--ftd-primary-rgb),.22)}.ftd-export-body{flex:1;padding:22px;overflow-y:auto}.ftd-export-code-wrapper{background:var(--ftd-bg-subtle);border:1px solid var(--ftd-border);border-radius:10px;flex-direction:column;display:flex;position:relative}.ftd-export-actions{border-bottom:1px solid var(--ftd-border);justify-content:flex-end;gap:10px;padding:10px;display:flex}.ftd-export-action-btn{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);color:var(--ftd-text-main);cursor:pointer;border-radius:7px;align-items:center;padding:5px 11px;font-size:12px;font-weight:600;transition:all .18s;display:flex}.ftd-export-action-btn:hover{background:var(--ftd-bg-hover);border-color:var(--ftd-border-hover)}.ftd-export-code{font-family:var(--ftd-font-mono);color:var(--ftd-text-main);max-height:400px;margin:0;padding:20px;font-size:12px;line-height:1.65;overflow-x:auto}.ftd-export-footer{border-top:1px solid var(--ftd-border);background:var(--ftd-bg-subtle);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.ftd-export-footer-note{color:var(--ftd-text-muted);margin:0;font-size:12px}.ftd-export-button-nav{display:none}.ftd-btn-primary{background:var(--ftd-primary);color:var(--ftd-primary-contrast);cursor:pointer;box-shadow:0 4px 14px rgba(var(--ftd-primary-rgb),.3);border:none;border-radius:7px;justify-content:center;align-items:center;padding:9px 18px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex}.ftd-btn-primary:hover{opacity:.9;box-shadow:0 6px 18px rgba(var(--ftd-primary-rgb),.4);transform:translateY(-1px)}.ftd-btn-primary:active{transform:translateY(0)}.ftd-btn-secondary{color:var(--ftd-text-main);border:1px solid var(--ftd-border);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:9px 18px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.ftd-btn-secondary:hover{background:var(--ftd-bg-hover);border-color:var(--ftd-border-hover)}.ftd-export-ai-note{color:var(--ftd-text-sub);align-items:center;gap:9px;font-size:12px;display:flex}.ftd-ai-sparkle{color:var(--ftd-primary);flex-shrink:0;animation:2.5s ease-in-out infinite ftd-sparkle-shimmer}@keyframes ftd-sparkle-shimmer{0%,to{opacity:.7;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.12)rotate(5deg)}}.ftd-export-ai-note strong{color:var(--ftd-text-main);margin-left:2px}.ftd-standalone{background:var(--ftd-bg-page);border-radius:var(--ftd-radius);border:1px solid var(--ftd-border);margin-bottom:22px;padding:22px}.ftd-standalone-title{color:var(--ftd-text-main);letter-spacing:-.01em;margin-bottom:18px;font-size:1.4rem;font-weight:600}.ftd-standalone .ftd-section{box-shadow:none;background:0 0;border:none;padding:0}.ftd-token-highlight{z-index:10;border-radius:inherit;animation:1.6s ease-in-out 2 ftd-highlight-pulse;position:relative;box-shadow:0 0 0 2px rgba(var(--ftd-primary-rgb),.5),0 12px 28px rgba(var(--ftd-primary-rgb),.2)!important;outline:none!important}.ftd-token-highlight:after{content:"";border-radius:inherit;background:rgba(var(--ftd-primary-rgb),.08);opacity:.3;pointer-events:none;position:absolute;inset:0}@keyframes ftd-highlight-pulse{0%{box-shadow:0 0 0 2px rgba(var(--ftd-primary-rgb),.5),0 12px 28px rgba(var(--ftd-primary-rgb),.2)}50%{box-shadow:0 0 0 3px rgba(var(--ftd-primary-rgb),.7),0 18px 40px rgba(var(--ftd-primary-rgb),.3)}to{box-shadow:0 0 0 2px rgba(var(--ftd-primary-rgb),.5),0 12px 28px rgba(var(--ftd-primary-rgb),.2)}}.ftd-snapshot-backdrop{z-index:12000;-webkit-backdrop-filter:blur(4px);background:#0000008c;padding:22px;position:fixed;inset:0}.ftd-snapshot-panel{border:1px solid var(--ftd-border-hover);background:linear-gradient(180deg,rgba(var(--ftd-bg-raised-rgb),.99)0%,rgba(var(--ftd-bg-page-rgb),.98)100%);border-radius:12px;flex-direction:column;width:min(1040px,100vw - 44px);min-height:min(540px,100vh - 110px);max-height:min(80vh,840px);margin:68px auto 0;padding:13px;display:flex;overflow:hidden;box-shadow:0 30px 80px #000c}.ftd-snapshot-header{z-index:3;background:linear-gradient(180deg,rgba(var(--ftd-bg-raised-rgb),.99)0%,rgba(var(--ftd-bg-page-rgb),.98)100%);border-bottom:1px solid var(--ftd-border);justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:7px;display:flex;position:sticky;top:0}.ftd-snapshot-header h3{color:var(--ftd-text-main);margin:0;font-size:.95rem}.ftd-snapshot-header p{color:var(--ftd-text-muted);margin:4px 0 0;font-size:.76rem}.ftd-snapshot-actions{gap:7px;display:flex}.ftd-snapshot-error,.ftd-snapshot-status,.ftd-snapshot-lock-note{border-radius:8px;margin-top:9px;padding:7px 9px;font-size:.78rem}.ftd-snapshot-error{color:var(--ftd-red);background:#e06c6c14;border:1px solid #e06c6c4d}.ftd-snapshot-status{border:1px solid rgba(var(--ftd-primary-rgb),.24);background:rgba(var(--ftd-primary-rgb),.08);color:var(--ftd-primary)}.ftd-snapshot-lock-note{border:1px solid rgba(var(--ftd-primary-rgb),.24);background:rgba(var(--ftd-primary-rgb),.06);color:var(--ftd-primary)}.ftd-snapshot-layout{flex:1;grid-template-columns:minmax(270px,.95fr) minmax(310px,1.05fr);gap:9px;min-height:0;margin-top:9px;display:grid;overflow:hidden}.ftd-snapshot-list,.ftd-snapshot-detail{border:1px solid var(--ftd-border);background:var(--ftd-bg-card);border-radius:10px;min-height:0}.ftd-snapshot-list{gap:7px;max-height:none;padding:9px;display:grid;overflow:auto}.ftd-snapshot-detail{flex-direction:column;padding:0;display:flex;overflow:hidden}.ftd-snapshot-item{border:1px solid var(--ftd-border);background:var(--ftd-bg-subtle);text-align:left;color:inherit;cursor:pointer;border-radius:9px;gap:5px;padding:8px;transition:border-color .18s,background .18s;display:grid}.ftd-snapshot-item:hover{border-color:var(--ftd-border-hover);background:var(--ftd-bg-hover)}.ftd-snapshot-item.active{border-color:rgba(var(--ftd-primary-rgb),.35);background:rgba(var(--ftd-primary-rgb),.08)}.ftd-snapshot-item.locked{opacity:.65;cursor:not-allowed}.ftd-snapshot-item-head{justify-content:space-between;gap:7px;font-size:.76rem;display:flex}.ftd-snapshot-item-message{color:var(--ftd-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.ftd-snapshot-item-lock{text-transform:uppercase;letter-spacing:.04em;width:fit-content;color:var(--ftd-primary);border:1px solid rgba(var(--ftd-primary-rgb),.28);border-radius:999px;padding:2px 6px;font-size:.64rem}.ftd-snapshot-detail-top{z-index:2;border-bottom:1px solid var(--ftd-border);background:linear-gradient(180deg,rgba(var(--ftd-primary-rgb),.04),transparent 55%),var(--ftd-bg-card);padding:9px;position:sticky;top:0}.ftd-snapshot-selected-meta{border:1px solid var(--ftd-border);background:var(--ftd-bg-subtle);border-radius:9px;gap:3px;margin-bottom:9px;padding:7px 9px;display:grid}.ftd-snapshot-selected-meta strong{font-family:var(--ftd-font-mono);color:var(--ftd-text-main);font-size:.76rem}.ftd-snapshot-selected-meta span{color:var(--ftd-text-sub);font-size:.7rem}.ftd-snapshot-selected-meta p{color:var(--ftd-text-main);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.76rem;overflow:hidden}.ftd-snapshot-summary{flex-wrap:wrap;gap:7px;display:flex}.ftd-snapshot-summary button{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:7px;padding:4px 7px;font-size:.72rem;font-weight:700;transition:transform .12s,box-shadow .12s}.ftd-snapshot-summary button:hover{transform:translateY(-1px)}.ftd-snapshot-summary button.active{box-shadow:inset 0 0 0 1px rgba(var(--ftd-primary-rgb),.34)}.ftd-snapshot-summary button.all{color:var(--ftd-primary);border-color:rgba(var(--ftd-primary-rgb),.35);background:rgba(var(--ftd-primary-rgb),.08)}.ftd-snapshot-summary button.added{color:var(--ftd-green);background:#4ec9941a;border-color:#4ec99459}.ftd-snapshot-summary button.changed{color:var(--ftd-yellow);background:#e8b84b1a;border-color:#e8b84b59}.ftd-snapshot-summary button.removed{color:var(--ftd-red);background:#e06c6c1a;border-color:#e06c6c59}.ftd-snapshot-diff{gap:12px;display:grid}.ftd-snapshot-detail-scroll{flex:1;min-height:0;padding:9px;overflow:auto}.ftd-snapshot-diff-group{gap:9px;display:grid}.ftd-snapshot-diff-group-title{text-transform:uppercase;letter-spacing:.04em;color:var(--ftd-text-muted);font-size:.7rem;font-weight:700}.ftd-snapshot-diff-card{border:1px solid var(--ftd-border);background:var(--ftd-surface-bg);border-radius:9px;padding:9px}.ftd-snapshot-diff-added{border-left:3px solid #4ec9948c}.ftd-snapshot-diff-changed{border-left:3px solid #e8b84b8c}.ftd-snapshot-diff-removed{border-left:3px solid #e06c6c8c}.ftd-snapshot-diff-head{justify-content:space-between;align-items:flex-start;gap:7px;margin-bottom:7px;font-size:.72rem;display:flex}.ftd-snapshot-diff-name{font-family:var(--ftd-font-mono);color:var(--ftd-text-main);font-size:.73rem}.ftd-snapshot-diff-type{text-transform:uppercase;color:var(--ftd-primary);font-size:.64rem;font-weight:700}.ftd-snapshot-diff-meta{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.ftd-snapshot-diff-kind{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--ftd-border);color:var(--ftd-text-muted);border-radius:999px;padding:2px 7px;font-size:.6rem}.ftd-snapshot-diff-kind-added{color:var(--ftd-green);background:#4ec9941f;border-color:#4ec99457}.ftd-snapshot-diff-kind-changed{color:var(--ftd-yellow);background:#e8b84b1f;border-color:#e8b84b57}.ftd-snapshot-diff-kind-removed{color:var(--ftd-red);background:#e06c6c1f;border-color:#e06c6c57}.ftd-snapshot-diff-body{align-items:center;gap:9px;display:flex}.ftd-snapshot-diff-value{flex:1;gap:3px;min-width:0;display:grid}.ftd-snapshot-diff-visual{align-items:center;gap:7px;min-width:0;display:flex}.ftd-snapshot-color-swatch{border:1px solid var(--ftd-border);border-radius:4px;flex-shrink:0;width:15px;height:15px}.ftd-snapshot-color-swatch.is-empty{background:linear-gradient(45deg,transparent 46%,rgba(var(--ftd-primary-rgb),.2)48%,rgba(var(--ftd-primary-rgb),.2)52%,transparent 54%),var(--ftd-bg-subtle)}.ftd-snapshot-size-track{background:rgba(var(--ftd-primary-rgb),.1);border:1px solid rgba(var(--ftd-primary-rgb),.2);border-radius:999px;flex-shrink:0;width:110px;max-width:36%;height:7px;overflow:hidden}.ftd-snapshot-size-fill{background:rgba(var(--ftd-primary-rgb),.6);border-radius:inherit;height:100%;display:block}.ftd-snapshot-diff-value span{color:var(--ftd-text-muted);text-transform:uppercase;font-size:.64rem}.ftd-snapshot-diff-value code{font-family:var(--ftd-font-mono);background:var(--ftd-bg-subtle);border:1px solid var(--ftd-border);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:3px 5px;font-size:.73rem;overflow:hidden}.ftd-snapshot-diff-value.is-blurred .ftd-snapshot-diff-visual{filter:blur(5px);-webkit-user-select:none;user-select:none}.ftd-snapshot-arrow{color:var(--ftd-text-muted);flex-shrink:0}.ftd-snapshot-links{flex-wrap:wrap;gap:7px;margin-top:0;display:flex}.ftd-snapshot-detail-footer{z-index:2;border-top:1px solid var(--ftd-border);background:linear-gradient(180deg,rgba(var(--ftd-primary-rgb),.04),transparent 55%),var(--ftd-bg-card);padding:9px;position:sticky;bottom:0}.ftd-snapshot-empty{color:var(--ftd-text-muted);padding:9px;font-size:.8rem}.ftd-snapshot-detail-empty{justify-content:center;align-items:center;height:100%;display:flex}.ftd-snapshot-locked-teaser{border:1px dashed rgba(var(--ftd-primary-rgb),.34);background:rgba(var(--ftd-primary-rgb),.06);color:var(--ftd-primary);text-align:center;border-radius:9px;padding:9px;font-size:.76rem}.ftd-dimensions-display{flex-direction:column;gap:26px;display:flex}.ftd-dimension-group{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);border-radius:10px;padding:18px}.ftd-dimension-title{color:var(--ftd-text-main);text-transform:capitalize;letter-spacing:-.01em;margin:0 0 14px;font-size:.95rem;font-weight:700}.ftd-dimension-items{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.ftd-dimension-item{background:var(--ftd-bg-subtle);border:1px solid var(--ftd-border);cursor:pointer;border-radius:8px;flex-direction:column;gap:5px;padding:11px 12px;transition:all .18s;display:flex}.ftd-dimension-item:hover{border-color:rgba(var(--ftd-primary-rgb),.25);transform:translateY(-1px);box-shadow:0 4px 14px #0000004d}.ftd-dimension-label{color:var(--ftd-text-sub);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.ftd-dimension-value{background:rgba(var(--ftd-primary-rgb),.08);border:1px solid rgba(var(--ftd-primary-rgb),.16);color:var(--ftd-primary);font-family:var(--ftd-font-mono);border-radius:5px;align-items:center;padding:3px 7px;font-size:.82rem;font-weight:600;display:inline-flex}@keyframes ftd-pulse{0%,to{opacity:1}50%{opacity:.35}}.ftd-skeleton-pulse{background-color:var(--ftd-border);border-radius:4px;animation:1.8s cubic-bezier(.4,0,.6,1) infinite ftd-pulse}.ftd-skeleton-header{margin-bottom:22px;padding:16px 40px}.ftd-skeleton-brand{gap:10px}.ftd-skeleton-title{width:156px;height:16px}.ftd-skeleton-subtitle{border-radius:999px;width:124px;height:12px}.ftd-skeleton-tabs{justify-content:flex-start;gap:6px;padding:0 40px 16px;display:flex}.ftd-skeleton-tab{border-radius:6px;min-width:130px;height:33px}.ftd-skeleton-action-pulse{border-radius:100px;width:76px;height:36px}.ftd-skeleton-export{border-radius:7px;width:105px;height:36px}.ftd-skeleton-search{border-radius:10px;width:260px;height:36px}.ftd-skeleton-content{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:0 40px;display:grid}.ftd-skeleton-card{border-radius:10px;height:190px}.ftd-format-selector{display:inline-flex;position:relative}.ftd-format-button{background:rgba(var(--ftd-primary-rgb),.08);border:1px solid rgba(var(--ftd-primary-rgb),.18);height:36px;color:var(--ftd-primary);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:.88rem;font-weight:600;transition:all .18s;display:flex}.ftd-format-button:hover{background:rgba(var(--ftd-primary-rgb),.14);border-color:rgba(var(--ftd-primary-rgb),.3);transform:translateY(-1px)}.ftd-format-button svg{width:15px;height:15px}.ftd-format-dropdown{background:rgba(var(--ftd-bg-card-rgb),.99);border:1px solid var(--ftd-border-hover);z-index:1000;border-radius:10px;min-width:190px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) ftd-menu-slide-in;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 20px 50px #000000b3,0 8px 20px #00000080}@keyframes ftd-menu-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ftd-format-option{cursor:pointer;width:100%;color:var(--ftd-text-main);background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:.88rem;font-weight:500;transition:all .13s;display:flex}.ftd-format-option:hover{background:rgba(var(--ftd-primary-rgb),.08)}.ftd-format-option.active{background:rgba(var(--ftd-primary-rgb),.12);color:var(--ftd-primary);font-weight:600}.ftd-format-check{width:14px;height:14px;color:var(--ftd-primary);opacity:0;transition:opacity .13s}.ftd-format-option.active .ftd-format-check{opacity:1}.ftd-display-card .ftd-token-preview-container{background:linear-gradient(135deg,rgba(var(--ftd-bg-raised-rgb),.9),rgba(var(--ftd-bg-card-rgb),.8));border:1px solid var(--ftd-border);border-radius:10px;justify-content:center;align-items:center;min-height:110px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0006,inset 0 1px #ffffff08}.ftd-display-card:hover .ftd-token-preview-container{border-color:rgba(var(--ftd-primary-rgb),.3);box-shadow:0 8px 24px rgba(var(--ftd-primary-rgb),.1),0 2px 8px #0006,inset 0 1px 0 #ffffff0d;transform:translateY(-2px)}.ftd-preview-spacing{flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.ftd-preview-spacing-bar{background:linear-gradient(90deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.6));max-width:100%;height:4px;box-shadow:0 2px 8px rgba(var(--ftd-primary-rgb),.25);border-radius:2px;position:relative}.ftd-preview-spacing-bar:before,.ftd-preview-spacing-bar:after{content:"";background:var(--ftd-primary);border-radius:1px;width:2px;height:14px;position:absolute;top:-5px}.ftd-preview-spacing-bar:before{left:0}.ftd-preview-spacing-bar:after{right:0}.ftd-preview-spacing-label{color:var(--ftd-text-sub);font-size:10px;font-weight:700;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px}.ftd-preview-sizing{justify-content:center;align-items:center;padding:24px;display:flex}.ftd-preview-sizing-box{background:linear-gradient(135deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.7));box-shadow:0 4px 14px rgba(var(--ftd-primary-rgb),.3),inset 0 1px 0 #fff3;border-radius:5px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.ftd-preview-sizing-label{color:var(--ftd-primary-contrast);font-size:10px;font-weight:800;font-family:var(--ftd-font-mono)}.ftd-display-card:hover .ftd-preview-sizing-box{box-shadow:0 8px 22px rgba(var(--ftd-primary-rgb),.4),inset 0 1px 0 #ffffff40;transform:scale(1.08)rotate(2deg)}.ftd-preview-radius{justify-content:center;align-items:center;padding:24px;display:flex}.ftd-preview-radius-box{background:linear-gradient(135deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.7));width:68px;height:68px;box-shadow:0 4px 14px rgba(var(--ftd-primary-rgb),.3),inset 0 1px 0 #fff3;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.ftd-preview-radius-label{color:var(--ftd-primary-contrast);font-size:10px;font-weight:800;font-family:var(--ftd-font-mono)}.ftd-display-card:hover .ftd-preview-radius-box{box-shadow:0 8px 22px rgba(var(--ftd-primary-rgb),.4);transform:scale(1.08)rotate(-2deg)}.ftd-preview-fontsize{justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.ftd-preview-fontsize-canvas{background:rgba(var(--ftd-bg-page-rgb),.6);border:1px solid var(--ftd-border);border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:170px;min-height:130px;padding:36px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.ftd-fontsize-specimen{z-index:2;justify-content:center;align-items:center;display:flex}.ftd-preview-fontsize-text{color:var(--ftd-text-main);letter-spacing:-.01em;font-weight:600;line-height:1;transition:all .35s cubic-bezier(.4,0,.2,1)}.ftd-display-card:hover .ftd-preview-fontsize-canvas{border-color:rgba(var(--ftd-primary-rgb),.25);box-shadow:0 10px 28px rgba(var(--ftd-primary-rgb),.12);transform:translateY(-2px)}.ftd-display-card:hover .ftd-preview-fontsize-text{color:var(--ftd-primary);transform:scale(1.08)}.ftd-fontsize-badge{color:var(--ftd-primary);background:rgba(var(--ftd-primary-rgb),.1);font-size:9px;font-weight:800;font-family:var(--ftd-font-mono);border:1px solid rgba(var(--ftd-primary-rgb),.18);border-radius:5px;padding:3px 8px;position:absolute;top:10px;right:10px}.ftd-preview-fontweight{flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px;display:flex}.ftd-preview-fontweight-text{color:var(--ftd-text-main);letter-spacing:-.03em;font-size:34px;line-height:1;transition:all .25s}.ftd-display-card:hover .ftd-preview-fontweight-text{color:var(--ftd-primary);transform:scale(1.05)}.ftd-preview-fontweight-label{color:var(--ftd-text-sub);font-size:10px;font-weight:700;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px}.ftd-preview-lineheight{flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px 18px;display:flex}.ftd-preview-lineheight-text{color:var(--ftd-text-main);text-align:center;max-width:130px;font-size:13px;font-weight:500;transition:color .25s}.ftd-display-card:hover .ftd-preview-lineheight-text{color:var(--ftd-primary)}.ftd-preview-lineheight-label{color:var(--ftd-text-sub);font-size:10px;font-weight:700;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px}.ftd-preview-letterspacing{flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px;display:flex}.ftd-preview-letterspacing-text{color:var(--ftd-text-main);font-size:18px;font-weight:700;transition:all .25s}.ftd-display-card:hover .ftd-preview-letterspacing-text{color:var(--ftd-primary);transform:scale(1.05)}.ftd-preview-letterspacing-label{color:var(--ftd-text-sub);font-size:10px;font-weight:700;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px}.ftd-preview-fontfamily{flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px 18px;display:flex}.ftd-preview-fontfamily-text{color:var(--ftd-text-main);text-align:center;font-size:17px;font-weight:500;transition:all .25s}.ftd-display-card:hover .ftd-preview-fontfamily-text{color:var(--ftd-primary);transform:scale(1.03)}.ftd-preview-fontfamily-label{color:var(--ftd-text-sub);text-transform:uppercase;letter-spacing:.08em;background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700}.ftd-preview-shadow{justify-content:center;align-items:center;padding:32px;display:flex}.ftd-preview-shadow-box{background:linear-gradient(135deg,rgba(var(--ftd-bg-raised-rgb),.9),rgba(var(--ftd-bg-page-rgb),.8));border:1px solid var(--ftd-border-hover);border-radius:9px;justify-content:center;align-items:center;width:68px;height:68px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.ftd-preview-shadow-box:after{content:"";background:var(--ftd-primary);opacity:.7;border-radius:4px;width:22px;height:22px}.ftd-display-card:hover .ftd-preview-shadow-box{transform:translateY(-4px)scale(1.05)}.ftd-preview-opacity{background:repeating-conic-gradient(rgba(var(--ftd-border-rgb),.5)0% 25%,transparent 0% 50%)50%/10px 10px;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:24px;display:flex}.ftd-preview-opacity-bg{justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative}.ftd-preview-opacity-box{background:linear-gradient(135deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.6));width:100%;height:100%;box-shadow:0 4px 16px rgba(var(--ftd-primary-rgb),.3);border-radius:50%;transition:all .25s}.ftd-display-card:hover .ftd-preview-opacity-box{box-shadow:0 6px 22px rgba(var(--ftd-primary-rgb),.4);transform:scale(1.1)}.ftd-preview-opacity-label{color:var(--ftd-text-main);font-size:10px;font-weight:800;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-bg-card-rgb),.96);border:1px solid var(--ftd-border-hover);border-radius:5px;padding:3px 9px}.ftd-preview-borderwidth{flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:24px;display:flex}.ftd-preview-borderwidth-line{background:linear-gradient(90deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.6));width:85px;box-shadow:0 2px 8px rgba(var(--ftd-primary-rgb),.25);border-radius:999px;transition:all .25s}.ftd-display-card:hover .ftd-preview-borderwidth-line{box-shadow:0 4px 12px rgba(var(--ftd-primary-rgb),.4);transform:scaleX(1.05)}.ftd-preview-borderwidth-label{color:var(--ftd-text-sub);font-size:10px;font-weight:700;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px}.ftd-preview-zindex{flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:28px;display:flex}.ftd-preview-zindex-stack{width:68px;height:68px;position:relative}.ftd-preview-zindex-layer{background:linear-gradient(135deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.8));border:2px solid rgba(var(--ftd-bg-page-rgb),.9);width:50px;height:50px;box-shadow:0 2px 8px rgba(var(--ftd-primary-rgb),.2);border-radius:7px;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:absolute}.ftd-preview-zindex-layer-1{opacity:.3;top:0;left:0}.ftd-preview-zindex-layer-2{opacity:.6;top:9px;left:9px}.ftd-preview-zindex-layer-3{opacity:1;top:18px;left:18px}.ftd-preview-zindex-label{color:var(--ftd-text-sub);font-size:10px;font-weight:700;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px}.ftd-display-card:hover .ftd-preview-zindex-layer-1{opacity:.38;transform:translate(-2px,-2px)}.ftd-display-card:hover .ftd-preview-zindex-layer-2{opacity:.65;transform:translate(-1px,-1px)}.ftd-display-card:hover .ftd-preview-zindex-layer-3{transform:scale(1.05)}.ftd-preview-duration{flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:24px;display:flex}.ftd-preview-duration-track{background:rgba(var(--ftd-primary-rgb),.15);border-radius:2px;width:86px;height:3px;position:relative;overflow:hidden}.ftd-preview-duration-track:before{content:"";background:linear-gradient(90deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.6));border-radius:2px;width:0;height:100%;position:absolute;top:0;left:0}.ftd-preview-duration-dot{background:var(--ftd-primary);border:3px solid rgba(var(--ftd-bg-page-rgb),.95);width:11px;height:11px;box-shadow:0 2px 8px rgba(var(--ftd-primary-rgb),.4);z-index:1;border-radius:50%;transition-property:left;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ftd-preview-duration-dot.animating{left:calc(100% - 11px)}.ftd-preview-duration-label{color:var(--ftd-text-sub);font-size:10px;font-weight:700;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px}.ftd-preview-easing{flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:24px;display:flex}.ftd-preview-easing-track{background:rgba(var(--ftd-primary-rgb),.15);border-radius:2px;width:86px;height:3px;position:relative}.ftd-preview-easing-dot{background:var(--ftd-primary);border:3px solid rgba(var(--ftd-bg-page-rgb),.95);width:11px;height:11px;box-shadow:0 2px 8px rgba(var(--ftd-primary-rgb),.4);border-radius:50%;transition-property:left;transition-duration:.7s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ftd-preview-easing-dot.animating{left:calc(100% - 11px)}.ftd-preview-easing-label{color:var(--ftd-text-sub);font-size:10px;font-weight:700;font-family:var(--ftd-font-mono);text-transform:capitalize;background:rgba(var(--ftd-primary-rgb),.08);border-radius:4px;padding:2px 7px}.ftd-preview-generic{justify-content:center;align-items:center;padding:24px 18px;display:flex}.ftd-preview-generic-text{color:var(--ftd-text-sub);font-size:12px;font-weight:700;font-family:var(--ftd-font-mono);word-break:break-all;text-align:center;background:rgba(var(--ftd-primary-rgb),.06);border-radius:5px;max-width:100%;padding:5px 10px;line-height:1.5;transition:all .25s}.ftd-display-card:hover .ftd-preview-generic-text{background:rgba(var(--ftd-primary-rgb),.12);color:var(--ftd-primary);transform:scale(1.02)}.ftd-section,.ftd-semantic-section,.ftd-variant-card,.ftd-radius-container,.ftd-dimension-group,.ftd-color-sidebar,.ftd-search-container,.ftd-export-container,.ftd-token-card,.ftd-spacing-item,.ftd-dimension-item,.ftd-display-card{background:var(--ftd-surface-bg);border-color:var(--ftd-border);box-shadow:var(--ftd-premium-shadow),inset 0 1px 0 var(--ftd-premium-edge);transition:transform .2s,box-shadow .2s;position:relative}.ftd-color-sidebar,.ftd-search-container,.ftd-export-container{background:var(--ftd-surface-bg-strong)}.ftd-section:before,.ftd-semantic-section:before,.ftd-variant-card:before,.ftd-radius-container:before,.ftd-dimension-group:before,.ftd-color-sidebar:before,.ftd-search-container:before,.ftd-export-container:before{content:"";background:linear-gradient(90deg,transparent,rgba(var(--ftd-primary-rgb),.12),transparent);opacity:.8;pointer-events:none;height:1px;position:absolute;top:0;left:14px;right:14px}.ftd-color-sidebar{position:sticky}.ftd-token-card,.ftd-spacing-item,.ftd-dimension-item,.ftd-display-card,.ftd-export-code-wrapper,.ftd-search-result-item{box-shadow:none;border-color:var(--ftd-border);background:var(--ftd-panel-bg)}.ftd-variant-card:hover,.ftd-display-card:hover,.ftd-token-card:hover,.ftd-spacing-item:hover,.ftd-dimension-item:hover{box-shadow:var(--ftd-premium-shadow-hover),inset 0 1px 0 var(--ftd-premium-edge);transform:translateY(-1px)}.ftd-search-result-item.ftd-search-result-selected{background:rgba(var(--ftd-primary-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--ftd-primary-rgb),.18)}.ftd-search-button,.ftd-export-button-nav{background:linear-gradient(180deg,rgba(var(--ftd-primary-rgb),.14),rgba(var(--ftd-primary-rgb),.06));border-color:rgba(var(--ftd-primary-rgb),.22);box-shadow:inset 0 1px 0 #ffffff0d,0 4px 14px rgba(var(--ftd-primary-rgb),.12)}.ftd-search-button:hover,.ftd-export-button-nav:hover{box-shadow:inset 0 1px 0 #ffffff0d,0 8px 22px rgba(var(--ftd-primary-rgb),.2)}.ftd-tab.active{background:rgba(var(--ftd-primary-rgb),.1);border-color:rgba(var(--ftd-primary-rgb),.2);box-shadow:inset 0 1px #ffffff0a}.ftd-color-nav-link.active{background:rgba(var(--ftd-primary-rgb),.08)}.ftd-export-action-btn:focus-visible,.ftd-tab:focus-visible,.ftd-search-button:focus-visible,.ftd-export-button-nav:focus-visible,.ftd-btn-primary:focus-visible,.ftd-btn-secondary:focus-visible{box-shadow:var(--ftd-premium-ring);outline:none}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1360px){.ftd-color-family-container{grid-template-columns:repeat(3,minmax(200px,1fr))}}@media (max-width:960px){.ftd-color-family-container{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:640px){.ftd-color-family-container{grid-template-columns:1fr}}@media (max-width:1200px){.ftd-container,.ftd-header{padding:0 24px}.ftd-navbar-sticky:before{left:24px;right:24px}.ftd-skeleton-header{padding:16px 24px}.ftd-skeleton-tabs{padding:0 24px 12px}.ftd-skeleton-content{padding:0 24px}}@media (max-width:1024px){.ftd-header{column-gap:10px}.ftd-header-subtitle,.ftd-header-sep{display:none}.ftd-header-actions{gap:6px}.ftd-header-actions .ftd-format-button span{display:none}.ftd-header-actions .ftd-format-button{padding:0 10px}.ftd-header-center{justify-content:flex-start}.ftd-header-tabs{scrollbar-width:none;max-width:100%;overflow-x:auto}.ftd-header-tabs::-webkit-scrollbar{display:none}.ftd-color-layout{flex-direction:column}.ftd-color-sidebar{width:100%;top:calc(var(--ftd-sticky-offset,60px) + 6px);background:var(--ftd-bg-page);z-index:40;border-bottom:1px solid var(--ftd-border);margin-bottom:0;padding:10px 0;position:sticky}.ftd-color-nav{flex-direction:row;padding-bottom:3px;overflow-x:auto}.ftd-color-nav-link{white-space:nowrap;width:auto}}@media (max-width:768px){.ftd-container,.ftd-header{padding:0 16px}.ftd-navbar-sticky:before{left:16px;right:16px}.ftd-navbar-sticky{background:var(--ftd-bg-page);-webkit-backdrop-filter:none;border-bottom:1px solid var(--ftd-border)}.ftd-header{column-gap:8px;height:54px}.ftd-header-tabs{gap:2px;padding:2px}.ftd-header-tab{height:31px;padding:0 12px}.ftd-header-action-btn{padding:0 10px}.ftd-header-search-btn{width:auto;min-width:0}.ftd-header-search-btn span,.ftd-header-kbd{display:none}.ftd-variant-preview{padding:20px}.ftd-variant-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.ftd-variant-table{min-width:500px}.ftd-token-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ftd-color-sidebar{top:calc(var(--ftd-sticky-offset,60px) + 14px)}.ftd-variant-spec-grid{grid-template-columns:1fr;gap:20px}.ftd-variant-spec-card{height:auto!important;min-height:460px!important}.ftd-variant-spec-hero{height:220px}.ftd-variant-spec-code-view{height:auto;max-height:460px;overflow-y:auto}.ftd-export-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.ftd-export-tabs::-webkit-scrollbar{display:none}.ftd-export-tab{white-space:nowrap;flex-shrink:0}.ftd-search-modal{padding:18px 14px}.ftd-search-container{max-height:80vh}.ftd-search-result-meta{flex-direction:column;align-items:flex-start;gap:2px}.ftd-search-result-separator{display:none}.ftd-variants-grid{grid-template-columns:1fr}.ftd-color-scale{flex-wrap:wrap}.ftd-color-shade{min-width:74px}.ftd-variant-card,.ftd-color-family{width:100%}.ftd-snapshot-layout{grid-template-columns:1fr;min-height:0}.ftd-snapshot-list{max-height:32vh}.ftd-snapshot-detail{min-height:260px}.ftd-snapshot-diff-body{flex-direction:column;align-items:stretch}.ftd-snapshot-arrow{align-self:center;transform:rotate(90deg)}.ftd-snapshot-size-track{max-width:100%}}@media (max-width:560px){.ftd-header{grid-template-columns:minmax(0,1fr) auto}.ftd-header-center{display:none}.ftd-header-tabs{gap:1px}.ftd-header-tab span:last-child,.ftd-header-action-btn span{display:none}.ftd-header-search-btn{padding:0 9px}.ftd-header-actions .ftd-format-button{min-width:32px}.ftd-token-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.ftd-color-shade{min-width:66px}}@media (max-width:1024px){.ftd-snapshot-backdrop{padding:9px}.ftd-snapshot-panel{width:calc(100vw - 18px);min-height:min(500px,100vh - 72px);max-height:calc(100vh - 72px);margin-top:64px}}.ftd-clickable-card,.ftd-clickable-preview{cursor:pointer!important;transition:all .2s!important}.ftd-clickable-card:hover{box-shadow:var(--ftd-shadow-hover);border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-clickable-preview:hover{box-shadow:0 0 0 2px var(--ftd-primary);transform:scale(1.05)}.ftd-color-shade.ftd-token-highlight{border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 2px rgba(var(--ftd-primary-rgb),.55),0 14px 30px rgba(var(--ftd-primary-rgb),.28)!important}.ftd-ff-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.ftd-ff-card{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;overflow:hidden}.ftd-ff-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.ftd-ff-specimen-wrap{border-bottom:1px solid var(--ftd-border);background:var(--ftd-bg-page);flex-direction:column;align-items:center;gap:10px;padding:28px 20px 18px;display:flex}.ftd-ff-specimen{color:var(--ftd-text-main);letter-spacing:-.01em;font-size:1.75rem;font-weight:400;line-height:1}.ftd-ff-specimen-name{letter-spacing:.12em;color:var(--ftd-primary);font-size:.6rem;font-weight:700;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased}.ftd-ff-info{flex-direction:column;gap:6px;padding:12px 14px;display:flex}.ftd-ff-label{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-ff-var{font-size:.68rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px;font-weight:500;display:inline-block}.ftd-ff-stack{font-size:.66rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-text-muted);background:color-mix(in srgb,var(--ftd-text-muted)8%,transparent);word-break:break-word;border-radius:4px;margin:0;padding:4px 6px;line-height:1.5}.ftd-fsize-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.ftd-fsize-card{border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;background:var(--ftd-bg-card);box-shadow:none;transition:border-color .15s,transform .15s;overflow:hidden}.ftd-fsize-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-fsize-preview{border-bottom:1px solid var(--ftd-border);background:var(--ftd-bg-page);justify-content:center;align-items:center;height:120px;display:flex;position:relative}.ftd-fsize-badge{font-size:.6rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)12%,transparent);border-radius:4px;padding:2px 6px;font-weight:700;line-height:1.4;position:absolute;top:8px;right:8px}.ftd-fsize-specimen{color:var(--ftd-text-main);font-weight:400;line-height:1;transition:font-size .15s}.ftd-fsize-info{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ftd-fsize-name{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-fsize-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-fsize-val{font-size:.68rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-text-muted);background:color-mix(in srgb,var(--ftd-text-muted)8%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-fw-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.ftd-fw-card{border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;background:var(--ftd-bg-card);box-shadow:none;transition:border-color .15s,transform .15s;overflow:hidden}.ftd-fw-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-fw-preview{border-bottom:1px solid var(--ftd-border);background:var(--ftd-bg-page);justify-content:center;align-items:center;height:120px;display:flex;position:relative}.ftd-fw-badge{font-size:.6rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)12%,transparent);border-radius:4px;padding:2px 6px;font-weight:700;line-height:1.4;position:absolute;top:8px;right:8px}.ftd-fw-specimen{color:var(--ftd-text-main);font-size:2.4rem;line-height:1}.ftd-fw-info{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ftd-fw-name{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-fw-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-fw-val{font-size:.68rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-text-muted);background:color-mix(in srgb,var(--ftd-text-muted)8%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-lh-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.ftd-lh-card{border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;background:var(--ftd-bg-card);box-shadow:none;transition:border-color .15s,transform .15s;overflow:hidden}.ftd-lh-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-lh-preview{border-bottom:1px solid var(--ftd-border);background:var(--ftd-bg-page);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.ftd-lh-badge{font-size:.6rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)12%,transparent);z-index:2;border-radius:4px;padding:2px 6px;font-weight:700;line-height:1.4;position:absolute;top:8px;right:8px}.ftd-lh-specimen-wrap{flex-direction:column;align-items:center;display:flex}.ftd-lh-line{justify-content:center;align-items:center;display:flex}.ftd-lh-glyph{color:var(--ftd-text-main);font-weight:500;line-height:1;display:block}.ftd-lh-gap-zone{background:color-mix(in srgb,var(--ftd-primary)8%,transparent);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:2px;transition:height .2s;display:flex;position:relative}.ftd-lh-gap-tick{background:color-mix(in srgb,var(--ftd-primary)50%,transparent);width:20px;height:1px;position:absolute;left:50%;transform:translate(-50%)}.ftd-lh-gap-tick-top{top:0}.ftd-lh-gap-tick-bot{bottom:0}.ftd-lh-gap-line{background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--ftd-primary)40%,transparent)0px,color-mix(in srgb,var(--ftd-primary)40%,transparent)3px,transparent 3px,transparent 6px);flex:1;width:1px;min-height:2px}.ftd-lh-info{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ftd-lh-name{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-lh-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-ls-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.ftd-ls-card{border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;background:var(--ftd-bg-card);box-shadow:none;transition:border-color .15s,transform .15s;overflow:hidden}.ftd-ls-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-ls-preview{border-bottom:1px solid var(--ftd-border);background:var(--ftd-bg-page);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:120px;padding:0 12px;display:flex;position:relative;overflow:hidden}.ftd-ls-badge{font-size:.6rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)12%,transparent);z-index:2;border-radius:4px;padding:2px 6px;font-weight:700;line-height:1.4;position:absolute;top:8px;right:8px}.ftd-ls-specimen{color:var(--ftd-text-main);-webkit-font-smoothing:antialiased;white-space:nowrap;letter-spacing:inherit;font-size:1.05rem;font-weight:500}.ftd-ls-track{flex-shrink:0;align-items:center;width:160px;height:6px;display:flex;position:relative}.ftd-ls-axis-line{background:color-mix(in srgb,var(--ftd-text-muted)30%,transparent);border-radius:99px;width:1.5px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ftd-ls-bar{border-radius:99px;height:4px;position:absolute;top:1px}.ftd-ls-bar.is-pos{background:var(--ftd-primary);left:50%}.ftd-ls-bar.is-neg{background:color-mix(in srgb,var(--ftd-primary)55%,var(--ftd-text-muted));right:50%}.ftd-ls-zero-dot{background:color-mix(in srgb,var(--ftd-text-muted)35%,transparent);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ftd-ls-info{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ftd-ls-name{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-ls-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-op-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;display:grid}.ftd-op-card{border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;background:var(--ftd-bg-card);box-shadow:none;transition:border-color .15s,transform .15s;overflow:hidden}.ftd-op-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-op-preview{border-bottom:1px solid var(--ftd-border);height:100px;position:relative;overflow:hidden}.ftd-op-checker{background-color:#f5f5f5;background-image:linear-gradient(45deg,#e0e0e0 25%,#0000 25%),linear-gradient(-45deg,#e0e0e0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e0e0e0 75%),linear-gradient(-45deg,#0000 75%,#e0e0e0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;position:absolute;inset:0}.ftd-op-block{background:var(--ftd-primary);position:absolute;inset:0}.ftd-op-badge{font-size:.6rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:#fff;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:4px;padding:2px 6px;font-weight:700;line-height:1.4;position:absolute;top:8px;right:8px}.ftd-op-info{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ftd-op-name{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-op-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-bs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.ftd-bs-card{border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;background:var(--ftd-bg-card);box-shadow:none;transition:border-color .15s,transform .15s;overflow:hidden}.ftd-bs-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-bs-preview{border-bottom:1px solid var(--ftd-border);background:color-mix(in srgb,var(--ftd-bg-page)30%,var(--ftd-border)70%);justify-content:center;align-items:center;height:130px;display:flex;position:relative}.ftd-bs-box{background:var(--ftd-bg-card);border-radius:8px;width:80px;height:60px}.ftd-bs-badges{z-index:2;flex-flow:wrap;justify-content:flex-end;gap:4px;max-width:80%;display:flex;position:absolute;top:8px;right:8px}.ftd-bs-tag{font-size:.58rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;letter-spacing:.04em;text-transform:uppercase;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)12%,transparent);white-space:nowrap;border-radius:4px;padding:2px 6px;font-weight:700;line-height:1.4}.ftd-bs-tag.is-dim{color:var(--ftd-text-muted);background:color-mix(in srgb,var(--ftd-text-muted)10%,transparent)}.ftd-bs-info{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ftd-bs-name{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-bs-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-zi-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.ftd-zi-card{border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;background:var(--ftd-bg-card);box-shadow:none;transition:border-color .15s,transform .15s;overflow:hidden}.ftd-zi-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-zi-preview{border-bottom:1px solid var(--ftd-border);background:var(--ftd-bg-page);justify-content:center;align-items:flex-end;height:120px;padding-bottom:20px;display:flex;position:relative;overflow:hidden}.ftd-zi-badge{font-size:.6rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)12%,transparent);z-index:10;border-radius:4px;padding:2px 6px;font-weight:700;line-height:1.4;position:absolute;top:8px;right:8px}.ftd-zi-stack{width:64px;height:48px;position:relative}.ftd-zi-layer{background:color-mix(in srgb,var(--ftd-primary)35%,var(--ftd-bg-card));border:1px solid color-mix(in srgb,var(--ftd-primary)30%,transparent);border-radius:5px;height:36px;transition:opacity .15s;position:absolute;left:0;right:0}.ftd-zi-layer.is-top{background:var(--ftd-primary);border-color:var(--ftd-primary);opacity:1!important}.ftd-zi-info{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ftd-zi-name{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-zi-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-dur-list{flex-direction:column;display:flex}.ftd-dur-row{cursor:pointer;border-bottom:1px solid var(--ftd-border);grid-template-columns:200px 1fr;align-items:center;min-height:54px;padding:10px 16px;transition:background .12s;display:grid}.ftd-dur-row:last-child{border-bottom:none}.ftd-dur-row:hover{background:color-mix(in srgb,var(--ftd-primary)4%,transparent)}.ftd-dur-row:hover .ftd-dur-bar{background:var(--ftd-primary)}.ftd-dur-meta{flex-direction:column;gap:4px;display:flex}.ftd-dur-label{color:var(--ftd-text-main);font-size:.8rem;font-weight:600}.ftd-dur-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:3px;width:fit-content;padding:1px 6px}.ftd-dur-track-wrap{align-items:center;gap:12px;display:flex}.ftd-dur-track{background:color-mix(in srgb,var(--ftd-text-muted)10%,transparent);border-radius:99px;width:280px;height:6px;overflow:hidden}.ftd-dur-bar{background:color-mix(in srgb,var(--ftd-primary)55%,var(--ftd-text-muted));border-radius:99px;height:100%;transition:background .12s}.ftd-dur-value{font-size:.68rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-text-muted);min-width:44px;font-weight:700}.ftd-ease-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.ftd-ease-card{border:1px solid var(--ftd-border);border-radius:var(--ftd-radius);cursor:pointer;background:var(--ftd-bg-card);box-shadow:none;transition:border-color .15s,transform .15s;overflow:hidden}.ftd-ease-card:hover{border-color:var(--ftd-primary);transform:translateY(-2px)}.ftd-ease-preview{border-bottom:1px solid var(--ftd-border);background:var(--ftd-bg-page);height:110px;color:var(--ftd-primary);justify-content:center;align-items:center;padding:8px;display:flex}.ftd-ease-svg{width:100%;height:100%}.ftd-ease-info{flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ftd-ease-name{color:var(--ftd-text-main);margin:0;font-size:.8rem;font-weight:600}.ftd-ease-var{font-size:.62rem;font-family:var(--ftd-font-mono);-webkit-font-smoothing:antialiased;color:var(--ftd-primary);background:color-mix(in srgb,var(--ftd-primary)10%,transparent);border-radius:4px;width:fit-content;margin:0;padding:2px 6px}.ftd-format-banner{background:rgba(var(--ftd-primary-rgb),.06);border-bottom:1px solid rgba(var(--ftd-primary-rgb),.15);color:var(--ftd-text-main);justify-content:space-between;align-items:center;gap:12px;padding:10px 40px;font-size:.82rem;display:flex}.ftd-format-banner-error{background:#e06c6c14;border-bottom-color:#e06c6c40}.ftd-format-banner-content{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.ftd-format-banner-content svg{color:var(--ftd-primary);flex-shrink:0;margin-top:2px}.ftd-format-banner-error .ftd-format-banner-content svg{color:var(--ftd-red)}.ftd-format-banner-content>span,.ftd-format-banner-content>div{flex:1;min-width:0}.ftd-format-banner-issues,.ftd-format-banner-suggestions{margin-top:6px;font-size:.76rem;line-height:1.5}.ftd-format-banner-issues{color:var(--ftd-text-sub)}.ftd-format-banner-suggestions{color:var(--ftd-text-muted);font-style:italic}.ftd-format-banner-close{border:1px solid rgba(var(--ftd-primary-rgb),.2);color:var(--ftd-primary);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:flex}.ftd-format-banner-close:hover{background:rgba(var(--ftd-primary-rgb),.1);border-color:rgba(var(--ftd-primary-rgb),.3)}.ftd-format-banner-error .ftd-format-banner-close{color:var(--ftd-red);border-color:#e06c6c4d}.ftd-format-banner-error .ftd-format-banner-close:hover{background:#e06c6c1a;border-color:#e06c6c66}@media (max-width:1200px){.ftd-format-banner{padding:10px 24px}}@media (max-width:768px){.ftd-format-banner{padding:10px 16px;font-size:.78rem}.ftd-format-banner-content{gap:8px}}.ftd-analytics-container{max-width:1400px;margin:0 auto;padding:2rem}.ftd-analytics-header{justify-content:flex-end;margin-bottom:1.5rem;display:flex}.ftd-analytics-copy-btn{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);color:var(--ftd-text-main);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.ftd-analytics-copy-btn:hover{background:var(--ftd-bg-hover);border-color:var(--ftd-primary)}.ftd-analytics-empty{text-align:center;color:var(--ftd-text-sub);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.ftd-analytics-empty svg{opacity:.5;margin-bottom:1rem}.ftd-analytics-empty h3{color:var(--ftd-text-main);margin:0 0 .5rem;font-size:1.25rem}.ftd-analytics-empty p{margin:0;font-size:.875rem}.ftd-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.ftd-analytics-card{background:var(--ftd-bg-card);border:1px solid var(--ftd-border);border-radius:12px;padding:1.5rem}.ftd-analytics-card-header{margin-bottom:1.5rem}.ftd-analytics-card-header h3{color:var(--ftd-text-main);margin:0;font-size:1rem;font-weight:600}.ftd-analytics-overview{grid-column:span 1}.ftd-analytics-stats{gap:2rem;margin-bottom:1.5rem;display:flex}.ftd-analytics-stat{flex:1}.ftd-analytics-stat-value{color:var(--ftd-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1}.ftd-analytics-stat-label{color:var(--ftd-text-sub);font-size:.875rem}.ftd-analytics-breakdown{border-top:1px solid var(--ftd-border);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.ftd-analytics-breakdown-item{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.ftd-analytics-breakdown-label{color:var(--ftd-text-sub)}.ftd-analytics-breakdown-value{color:var(--ftd-text-main);font-weight:600}.ftd-analytics-composition{grid-column:span 1}.ftd-analytics-composition-grid{flex-direction:column;gap:1.25rem;display:flex}.ftd-analytics-composition-item{flex-direction:column;gap:.5rem;display:flex}.ftd-analytics-composition-bar{background:var(--ftd-bg-subtle);border-radius:4px;height:8px;overflow:hidden}.ftd-analytics-composition-fill{border-radius:4px;height:100%;transition:width .3s}.ftd-analytics-composition-fill.ftd-analytics-alias{background:linear-gradient(90deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.7))}.ftd-analytics-composition-fill.ftd-analytics-hardcoded{background:linear-gradient(90deg,#f59e0b,#f97316)}.ftd-analytics-composition-label{color:var(--ftd-text-main);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.ftd-analytics-composition-dot{border-radius:50%;width:8px;height:8px}.ftd-analytics-composition-dot.ftd-analytics-alias{background:var(--ftd-primary)}.ftd-analytics-composition-dot.ftd-analytics-hardcoded{background:#f59e0b}.ftd-analytics-composition-percent{color:var(--ftd-text-sub);margin-left:auto;font-weight:600}.ftd-analytics-composition-warning{color:#ef4444;background:#ef44441a;border-radius:6px;flex-direction:column;gap:.25rem;margin-top:1rem;padding:.75rem;font-size:.8125rem;display:flex}.ftd-analytics-types{grid-column:span 2}.ftd-analytics-types-list{flex-direction:column;gap:1rem;display:flex}.ftd-analytics-type-row{grid-template-columns:1fr 2fr auto auto;align-items:center;gap:1rem;display:grid}.ftd-analytics-type-info{justify-content:space-between;align-items:center;display:flex}.ftd-analytics-type-name{color:var(--ftd-text-main);text-transform:capitalize;font-size:.875rem}.ftd-analytics-type-count{color:var(--ftd-text-sub);font-size:.875rem;font-weight:600}.ftd-analytics-type-bar{background:var(--ftd-bg-subtle);border-radius:3px;height:6px;overflow:hidden}.ftd-analytics-type-fill{background:linear-gradient(90deg,var(--ftd-primary),rgba(var(--ftd-primary-rgb),.6));border-radius:3px;height:100%;transition:width .3s}.ftd-analytics-type-percent{color:var(--ftd-text-sub);text-align:right;min-width:3rem;font-size:.875rem;font-weight:600}.ftd-analytics-type-coverage{font-size:.75rem;font-weight:600;font-family:var(--ftd-font-mono);background:rgba(var(--ftd-primary-rgb),.1);color:var(--ftd-primary);text-align:center;border-radius:4px;min-width:3.5rem;padding:.25rem .5rem}.ftd-analytics-type-coverage-gap{color:#ef4444;background:#ef44441a}.ftd-analytics-health{grid-column:span 1}.ftd-analytics-health.ftd-analytics-health-error{border-color:#ef4444}.ftd-analytics-health-content{flex-direction:column;gap:1rem;display:flex}.ftd-analytics-health-score{text-align:center}.ftd-analytics-health-value{color:#10b981;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;line-height:1}.ftd-analytics-health-value.ftd-analytics-health-error{color:#ef4444}.ftd-analytics-health-label{color:var(--ftd-text-sub);font-size:.875rem}.ftd-analytics-health-list{background:var(--ftd-bg-subtle);border-radius:6px;flex-direction:column;gap:.5rem;max-height:200px;padding:.75rem;display:flex;overflow-y:auto}.ftd-analytics-health-item{font-size:.8125rem;font-family:var(--ftd-font-mono);background:#ef44441a;border-radius:4px;flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.ftd-analytics-health-item-path{color:var(--ftd-text-main);font-weight:500}.ftd-analytics-health-item-ref{color:#ef4444;font-size:.75rem}.ftd-analytics-health-more{color:var(--ftd-text-sub);text-align:center;padding:.5rem;font-size:.8125rem;font-style:italic}@media (max-width:768px){.ftd-analytics-container{padding:1rem}.ftd-analytics-grid{grid-template-columns:1fr}.ftd-analytics-types{grid-column:span 1}.ftd-analytics-type-row{grid-template-columns:1fr;gap:.5rem}.ftd-analytics-type-bar{order:3}.ftd-analytics-type-percent{text-align:left}.ftd-analytics-type-coverage{order:4}}.ftd-header-tab-divider{background:var(--ftd-border);opacity:.5;width:1px;height:20px;margin:0 .5rem}.ftd-analytics-breakdown-badge{color:#10b981;background:#10b9811a;border-radius:6px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.ftd-analytics-breakdown-badge svg{flex-shrink:0}.ftd-analytics-composition-warning-item{cursor:pointer;justify-content:space-between;align-items:center;padding:.25rem 0;transition:opacity .2s;display:flex}.ftd-analytics-composition-warning-item:hover{opacity:.8}.ftd-analytics-composition-warning-item svg{flex-shrink:0}.ftd-analytics-composition-warning-list{background:#0000001a;border-radius:4px;flex-direction:column;gap:.25rem;max-height:150px;margin-top:.5rem;padding:.5rem;display:flex;overflow-y:auto}.ftd-analytics-composition-warning-path{font-size:.75rem;font-family:var(--ftd-font-mono);color:#dc2626;background:#ef44440d;border-radius:3px;padding:.25rem .5rem}.ftd-analytics-composition-warning-more{color:#ef4444;text-align:center;padding:.25rem;font-size:.75rem;font-style:italic}.ftd-analytics-types-legend{color:var(--ftd-text-sub);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;display:flex}.ftd-analytics-types-legend-item{white-space:nowrap}.ftd-analytics-types-legend-sep{opacity:.5}.ftd-analytics-breakdown-warning{color:#3b82f6;background:#3b82f61a;border-radius:6px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;display:flex}.ftd-analytics-type-expand{border:1px solid var(--ftd-border);width:24px;height:24px;color:var(--ftd-text-sub);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.ftd-analytics-type-expand:hover{background:var(--ftd-bg-hover);border-color:var(--ftd-primary)}.ftd-analytics-type-other-list{background:var(--ftd-bg-subtle);border:1px solid var(--ftd-border);border-radius:6px;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:1rem;display:flex}.ftd-analytics-type-other-item{background:var(--ftd-bg-card);border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem;font-size:.8125rem;display:flex}.ftd-analytics-type-other-name{font-family:var(--ftd-font-mono);color:var(--ftd-text-main)}.ftd-analytics-type-other-count{color:var(--ftd-text-sub);font-weight:600}.ftd-analytics-usage{margin-top:1.5rem}.ftd-analytics-usage-hint{color:var(--ftd-text-sub);opacity:.7;font-size:.75rem}.ftd-analytics-usage-info{background:var(--ftd-surface-raised);border-radius:6px;margin-bottom:16px;padding:12px;font-size:13px}.ftd-analytics-usage-info p{color:var(--ftd-text-secondary);margin:0 0 8px}.ftd-analytics-usage-info code{background:var(--ftd-surface-sunken);font-family:var(--ftd-font-mono);color:var(--ftd-text-primary);white-space:nowrap;border-radius:4px;padding:8px 12px;font-size:12px;display:block;overflow-x:auto}.ftd-analytics-usage-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem;display:grid}.ftd-analytics-usage-stat{text-align:center;background:var(--ftd-bg-subtle);border:1px solid var(--ftd-border);border-radius:8px;padding:1rem}.ftd-analytics-usage-stat-value{color:var(--ftd-primary);font-size:2rem;font-weight:700;line-height:1}.ftd-analytics-usage-stat-unused{color:var(--ftd-warning)}.ftd-analytics-usage-stat-label{color:var(--ftd-text-sub);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-size:.75rem}.ftd-analytics-usage-unused{border-top:1px solid var(--ftd-border);margin-top:1.5rem;padding-top:1.5rem}.ftd-analytics-usage-unused-header{color:var(--ftd-text-main);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.ftd-analytics-usage-unused-list{flex-wrap:wrap;gap:.5rem;display:flex}.ftd-analytics-usage-unused-item{font-size:.75rem;font-family:var(--ftd-font-mono);background:var(--ftd-bg-subtle);border:1px solid var(--ftd-border);color:var(--ftd-text-sub);border-radius:4px;padding:.25rem .5rem}.ftd-analytics-usage-unused-more{color:var(--ftd-text-sub);padding:.25rem .5rem;font-size:.75rem;font-style:italic}