.dg-shell{font-size:16px;line-height:1.6}.dg-shell h2{margin:0;font-size:24px;font-weight:500;line-height:1.3}.dg-shell h3{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.4}.dg-shell p{margin:0 0 16px}.dg-shell code,.dg-shell pre{overflow-wrap:anywhere;color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px}.dg-shell pre{white-space:pre-wrap;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:16px}.dg-sidebar{border-right:1px solid var(--border);background:var(--background);flex-direction:column;width:252px;padding:32px 24px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.dg-brand{align-items:center;gap:10px;margin-bottom:44px;font-size:24px;font-weight:700;display:flex}.dg-brand img{width:36px;height:36px}.dg-brand-suffix{color:var(--muted);font-size:16px;font-weight:400}.dg-sidebar .eyebrow{letter-spacing:1.3px;font-size:14px}.dg-sidebar nav{gap:4px;display:grid}.dg-sidebar nav a{border-radius:6px;gap:12px;padding:10px 8px;font-size:14px;display:flex}.dg-sidebar nav a:hover{background:var(--surface-soft);color:var(--primary)}.dg-sidebar nav a span{color:var(--muted);font-variant-numeric:tabular-nums}.dg-sidebar-note{color:var(--foreground);margin-top:auto;padding-top:40px;font-size:14px}.dg-sidebar-note span{color:var(--muted)}.dg-main{min-width:0;margin-left:252px}.dg-topbar{border-bottom:1px solid var(--border);min-height:76px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:16px 48px;font-size:14px;display:flex}.dg-content{max-width:1320px;margin:auto;padding:64px 48px 32px}.dg-hero{scroll-margin-top:24px}.dg-hero h1{letter-spacing:-1.7px;font-size:clamp(35px,4vw,56px);line-height:1.12}.dg-hero h1 span{color:var(--muted)}.dg-hero>p{max-width:590px;color:var(--muted);margin:24px 0 32px;font-size:18px}.dg-facts{border-block:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0;display:grid}.dg-facts span{color:var(--muted);font-size:14px}.dg-facts strong{color:var(--foreground);font-size:24px;font-weight:500;display:block}.dg-principles{color:var(--muted);margin-top:24px;font-size:14px}.dg-section{padding-top:64px;scroll-margin-top:24px}.dg-section-heading{gap:20px;margin-bottom:28px;display:flex}.dg-section-heading>span{color:var(--primary);padding-top:5px;font-size:14px}.dg-section-heading p{color:var(--muted);max-width:700px;margin:10px 0 0}.dg-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.dg-swatch{border:1px solid var(--border);background:var(--background);border-radius:10px;padding:16px}.dg-swatch>div:first-child{border:1px solid var(--border);border-radius:6px;height:72px;margin-bottom:16px}.dg-swatch p{color:var(--muted);min-height:42px;margin:10px 0;font-size:14px}.dg-color-values{border-top:1px solid var(--border);flex-direction:column;padding-top:12px;font-size:14px;display:flex}.dg-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.dg-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;min-width:0;padding:24px}.dg-panel p{color:var(--muted)}.dg-spacing{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:24px 0;display:flex}.dg-spacing>div{flex-direction:column;gap:8px;display:flex}.dg-spacing span{background:var(--primary);border-radius:3px;height:24px;display:block}.dg-type-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.dg-type-list article{border-bottom:1px solid var(--border);grid-template-columns:280px 1fr;align-items:center;gap:20px;padding:28px;display:grid}.dg-type-list article:last-child{border:0}.dg-type-list p{color:var(--muted);margin:8px 0 0;font-size:14px}.dg-type-0{letter-spacing:-1.35px;font-size:35px;font-weight:500;line-height:1.2}.dg-type-1{font-size:24px;font-weight:500;line-height:1.3}.dg-type-2{font-size:18px;font-weight:600;line-height:1.5}.dg-type-3{font-size:16px;line-height:1.6}.dg-type-4{font-size:14px;line-height:1.5}.dg-type-5{letter-spacing:1.8px;font-size:14px;font-weight:600;line-height:1.5}.dg-note{color:var(--muted);font-size:14px;margin-top:18px!important}.dg-spec{border:1px solid var(--border);border-radius:10px;min-width:0;overflow:hidden}.dg-demo{background:var(--surface-soft);flex-direction:column;justify-content:center;gap:12px;min-height:180px;padding:28px;display:flex}.dg-demo .field{margin:0}.dg-spec-copy{padding:24px}.dg-spec-copy p{color:var(--muted);font-size:14px}.dg-stack{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dg-stack .button svg{width:18px;height:18px}.dg-icon-row{color:var(--primary);flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.dg-check{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.dg-state-grid{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.dg-state-grid span{border:1px solid var(--border);background:var(--background);border-radius:6px;padding:8px 12px;font-size:14px}.dg-empty{text-align:center}.dg-empty>svg{width:28px;height:28px;color:var(--muted);margin:0 auto 16px}.dg-empty p{color:var(--muted);font-size:14px}.dg-demo .reference-mosaic{height:200px}.dg-organism-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dg-template{border:1px solid var(--border);border-radius:10px;margin-bottom:24px;font-size:14px;display:flex;overflow:hidden}.dg-template-nav{background:var(--surface-soft);border-right:1px solid var(--border);flex-direction:column;gap:20px;width:160px;padding:24px;display:flex}.dg-template-logo{margin-bottom:10px;font-weight:700}.dg-template-nav small{color:var(--muted);margin-top:auto;font-size:14px}.dg-template-main{flex:1;min-width:0}.dg-template-header{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:16px 24px;display:flex}.dg-template-body{padding:24px}.dg-template-toolbar{border:1px solid var(--border);border-radius:8px;margin:20px 0;padding:12px}.dg-template-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.dg-template-cards div{background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:36px 12px}.dg-table-wrap{overflow-x:auto}.dg-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.dg-table-wrap th,.dg-table-wrap td{border-bottom:1px solid var(--border);vertical-align:top;padding:16px 12px}.dg-table-wrap th{background:var(--surface-soft);font-weight:600}.dg-catalog-search{max-width:550px}.dg-catalog details{border-bottom:1px solid var(--border)}.dg-catalog summary{cursor:pointer;align-items:center;gap:16px;min-height:60px;font-size:16px;list-style:none;display:flex}.dg-catalog summary::-webkit-details-marker{display:none}.dg-catalog summary span:first-child{flex:1}.dg-catalog summary span:nth-child(2){color:var(--muted);font-size:14px}.dg-catalog summary svg{width:18px;height:18px;color:var(--muted)}.dg-catalog details[open] summary svg{transform:rotate(180deg)}.dg-catalog details>div{background:var(--surface-soft);border-radius:8px;margin-bottom:16px;padding:16px 20px;font-size:14px}.dg-catalog details p{color:var(--muted);margin:12px 0}.dg-panel ol{color:var(--muted);padding-left:20px}.dg-panel li{margin-bottom:10px}.dg-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;font-size:14px;display:flex}.dg-skip{z-index:100;background:var(--background);border:2px solid var(--primary);padding:12px;position:absolute;top:-100px;left:16px}.dg-skip:focus{top:16px}@media (width<=1100px){.dg-sidebar{width:220px;padding:24px 16px}.dg-main{margin-left:220px}.dg-content{padding:40px 28px}.dg-topbar{padding:16px 28px}.dg-type-list article{grid-template-columns:1fr}.dg-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.dg-sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;padding:20px;position:static}.dg-brand{margin-bottom:20px}.dg-sidebar nav{gap:8px;display:flex;overflow:auto}.dg-sidebar nav a{white-space:nowrap;background:var(--surface-soft)}.dg-sidebar-note,.dg-sidebar>.eyebrow{display:none}.dg-main{margin-left:0}.dg-topbar{flex-wrap:wrap;padding:16px 20px}.dg-content{padding:36px 20px}.dg-facts{grid-template-columns:repeat(2,1fr);gap:16px}.dg-two,.dg-organism-grid,.dg-color-grid{grid-template-columns:1fr}.dg-section{padding-top:44px}.dg-type-list article{padding:20px}.dg-template-nav{display:none}.dg-template-header{flex-wrap:wrap}.dg-template-cards{grid-template-columns:1fr}.dg-demo,.dg-panel{padding:20px}.dg-footer{flex-direction:column}.dg-catalog summary span:nth-child(2){max-width:100px}.dg-type-0{font-size:30px}}.dg-inventory-preview{border:1px solid var(--border);background:var(--background);border-radius:12px;margin:0 0 24px;overflow:visible}.dg-preview-caption{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:14px;display:flex}.dg-preview-caption span,.dg-preview-note{color:var(--muted)}.dg-preview-canvas{min-height:120px;max-height:560px;padding:24px;font-size:16px;overflow:auto}.dg-preview-canvas>*{max-width:100%}.dg-preview-canvas [data-slot=avatar]{background:var(--surface-soft)}.dg-preview-canvas [data-slot=sidebar]{--sidebar:var(--surface-soft);--sidebar-foreground:var(--foreground);--sidebar-accent:var(--surface-soft);--sidebar-accent-foreground:var(--primary)}.dg-preview-canvas [data-slot=progress-indicator]{background:var(--primary)}.dg-preview-canvas [data-slot=progress],.dg-preview-canvas [data-slot=skeleton]{background:var(--surface-soft)}.dg-preview-canvas [data-slot=select-trigger]{width:100%}.dg-preview-canvas [data-slot=chart]{min-width:0}.dg-preview-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dg-preview-stack{flex-direction:column;gap:16px;display:flex}.dg-preview-tile{border:1px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:8px;padding:24px}.dg-preview-note{padding:0 20px 16px;font-size:14px;margin:0!important}@media (width<=700px){.dg-preview-caption{flex-direction:column;align-items:flex-start;gap:4px}.dg-preview-canvas{padding:16px}}.dg-preview-canvas [data-slot=accordion-trigger]{color:var(--foreground)}.dg-preview-canvas [data-slot=accordion-item]{border-color:var(--border)}
