.dt-status .gh-top-val{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-ink);font-weight:600}.dt-status:has(.gh-status--running){border-color:color-mix(in srgb, var(--color-link) 35%, var(--color-hairline))}.dt-status:has(.gh-status--running) .dt-status-dot{background-color:var(--color-link);animation:1.6s ease-in-out infinite dt-pulse}.dt-status:has(.gh-status--paused){border-color:color-mix(in srgb, var(--color-warning) 40%, var(--color-hairline))}.dt-status:has(.gh-status--paused) .dt-status-dot{background-color:var(--color-warning)}.dt-status:has(.gh-status--completed) .dt-status-dot,.dt-status:has(.gh-status--stopped) .dt-status-dot{background-color:var(--color-warning-deep)}.gh-chip-val{font-family:var(--font-mono);color:var(--color-ink);font-variant-numeric:tabular-nums;margin-left:2px;font-size:12px;font-weight:600}@media (width<=640px){.dt-panel-head{align-items:flex-start}}.gh-stage{height:clamp(380px,50vw,540px);position:relative}.gh-motion-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.gh-stage-stats{z-index:3;opacity:.85;flex-wrap:wrap;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:12px;left:12px}.gh-stage-stats:hover{opacity:1}.gh-stat-val{font-variant-numeric:tabular-nums;color:#f5f5f5;margin-left:2px}.gh-center{z-index:4;text-align:center;background-color:#0a0a0ad1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 20px;display:flex;position:absolute;inset:0;overflow-y:auto}.gh-center .dt-chip{color:#b0b0b0;background-color:#ffffff0d;border-color:#ffffff24}.gh-center-title{letter-spacing:-.02em;color:#f5f5f5;margin:4px 0 0;font-size:24px;font-weight:600}.gh-center-lead{color:#a3a3a3;max-width:460px;margin:0;font-size:15px;line-height:1.6}.gh-center-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.gh-center-sub{color:#7a7a7a;max-width:440px;margin-top:6px;font-size:13px;line-height:1.55}.gh-center .dt-btn--primary,.gh-stage .dt-btn--primary:not(.dt-btn--danger){color:#0a0a0a;background-color:#f5f5f5}.gh-center .dt-btn--primary:hover,.gh-stage .dt-btn--primary:hover{background-color:#fff}.gh-center .dt-btn--outline{color:#f5f5f5;background-color:#ffffff0d;border-color:#ffffff38}.gh-center .dt-btn--outline:hover{background-color:#ffffff1a;border-color:#ffffff59}.gh-center .dt-btn--ghost{color:#a3a3a3}.gh-center .dt-btn--ghost:hover{color:#f5f5f5;background-color:#ffffff0f}.gh-res-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#d4d4d4;background-color:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.gh-res-metrics{text-align:left;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));width:100%;max-width:560px;margin:6px 0 4px}.gh-res-disclaimer{color:#8a8a8a;max-width:460px;margin:0 0 8px;font-size:13px;line-height:1.55}.gh-fs-overlay{z-index:6;backdrop-filter:blur(6px);background-color:#0a0a0a8c;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:14px;padding:8px 14px;transition:opacity .4s,transform .4s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.gh-tool-container:not(.is-fullscreen) .gh-fs-overlay{display:none}.gh-fs-overlay.is-faded{opacity:0;pointer-events:none;transform:translate(-50%)translateY(10px)}.gh-fs-info{font-family:var(--font-mono);color:#a3a3a3;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.gh-fs-tag{letter-spacing:.06em;text-transform:uppercase;color:#f5f5f5;font-weight:600}.gh-fs-sep{color:#5a5a5a}.gh-fs-meta strong{color:#f5f5f5;font-weight:600}.gh-fs-controls{align-items:center;gap:6px;display:flex}.gh-fs-btn{color:#f5f5f5;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background-color:#ffffff12;border:1px solid #ffffff2e;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s}.gh-fs-btn:hover{background-color:#ffffff29;border-color:#ffffff52}.gh-fs-btn:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.gh-fs-btn--exit{background-color:#0a0a0a8c}.gh-tool-container.is-fullscreen .dt-shell{gap:0;max-width:none;padding:0}.gh-tool-container.is-fullscreen .dt-header,.gh-tool-container.is-fullscreen .dt-callout--info,.gh-tool-container.is-fullscreen .dt-callout--warn,.gh-tool-container.is-fullscreen .dt-grid>.dt-col--side,.gh-tool-container.is-fullscreen .dt-card,.gh-tool-container.is-fullscreen .gh-charts-grid,.gh-tool-container.is-fullscreen .dt-section,.gh-tool-container.is-fullscreen .gh-cta{display:none}.gh-tool-container.is-fullscreen .dt-panel{box-shadow:none;border:none;border-radius:0;flex-direction:column;height:100vh;display:flex}.gh-tool-container.is-fullscreen .gh-stage{flex:1;height:calc(100vh - 76px)}.gh-tool-container.is-fullscreen .gh-fs-overlay{bottom:92px}.gh-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.gh-actions-left{flex:auto}.gh-patterns-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:16px 18px;display:grid}.gh-pattern-card{border:1px solid var(--color-hairline);background-color:var(--color-canvas-soft);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;font-family:inherit;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.gh-pattern-card:hover{border-color:var(--color-hairline-strong)}.gh-pattern-card:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.gh-pattern-card.is-active{border-color:var(--color-ink);background-color:var(--color-canvas);box-shadow:inset 0 0 0 1px var(--color-ink)}.gh-pat-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-mute);font-size:11px;font-weight:600}.gh-pat-name{letter-spacing:-.01em;color:var(--color-ink);font-size:15px;font-weight:600}.gh-pat-desc{color:var(--color-mute);font-size:13px;line-height:1.5}.gh-controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.gh-speed-field{border-top:1px solid var(--color-hairline);margin-top:18px;padding-top:18px}.gh-slider-row{align-items:center;gap:12px;padding-top:2px;display:flex}.gh-range{min-width:0;height:24px;accent-color:var(--color-ink);cursor:pointer;flex:1}.gh-range:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.gh-slider-min,.gh-slider-max{font-family:var(--font-mono);color:var(--color-mute);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.gh-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}@media (width<=900px){.gh-charts-grid{grid-template-columns:1fr}}.gh-chart-meta{color:var(--color-mute);font-size:13px}.gh-chart-wrap{background-color:#0a0a0a;height:170px;padding:8px}.gh-chart-canvas{width:100%;height:100%;display:block}.gh-obs-buttons{flex-direction:column;gap:6px;display:flex}.gh-obs-btn{appearance:none;border:1px solid var(--color-hairline);background-color:var(--color-canvas-soft);color:var(--color-body);text-align:left;cursor:pointer;border-radius:8px;min-height:36px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .15s,background-color .15s,color .15s}.gh-obs-btn:hover{border-color:var(--color-hairline-strong);color:var(--color-ink)}.gh-obs-btn:focus-visible{outline:2px solid var(--color-link);outline-offset:1px}.gh-obs-btn.is-active{border-color:var(--color-ink);background-color:var(--color-canvas);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);font-weight:600}.gh-clarity-row{border-top:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.gh-clarity-lbl{color:var(--color-mute);font-size:14px}.gh-clarity-badge{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.gh-clarity--not-rated{background-color:var(--color-canvas-soft-2);color:var(--color-mute)}.gh-clarity--excellent{background-color:var(--color-canvas-soft-2);border:1px solid var(--color-ink);color:var(--color-ink)}.gh-clarity--good{background-color:var(--color-link-bg-soft);border:1px solid color-mix(in srgb, var(--color-link) 45%, transparent);color:var(--color-link-deep)}.gh-clarity--fair{background-color:var(--color-warning-soft);border:1px solid color-mix(in srgb, var(--color-warning) 55%, transparent);color:var(--color-warning-deep)}.gh-clarity--poor{background-color:var(--color-error-soft);border:1px solid color-mix(in srgb, var(--color-error) 55%, transparent);color:var(--color-error-deep)}.gh-checklist-wrap{border-top:1px solid var(--color-hairline);flex-direction:column;gap:8px;padding-top:12px;display:flex}.gh-check-list{flex-direction:column;gap:8px;display:flex}.gh-check-item{color:var(--color-body);cursor:pointer;align-items:center;gap:8px;font-size:14px;line-height:1.45;display:flex}.gh-check-item input[type=checkbox]{accent-color:var(--color-ink);flex-shrink:0;width:15px;height:15px}.gh-note{color:var(--color-mute);margin:10px 0 0;font-size:13px;line-height:1.55}.gh-ref-demo-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.gh-demo-col{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.gh-demo-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-body);font-size:12px;font-weight:600}.gh-demo-box{border:1px solid var(--color-hairline);background-color:#0a0a0a;border-radius:8px;justify-content:center;align-items:center;width:100%;height:64px;display:flex;position:relative}.gh-demo-orb{background-color:#f5f5f5;border-radius:50%;width:22px;height:22px}.gh-demo-orb--main{z-index:2}.gh-demo-orb--ghost{filter:blur(2px);background-color:#f5f5f54d;position:absolute;left:calc(50% - 30px)}.gh-demo-caption{color:var(--color-mute);font-size:13px}.gh-demo-footer{border-top:1px solid var(--color-hairline);color:var(--color-mute);padding:10px 18px;font-size:13px}.gh-sum-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gh-sum-grid .dt-metric-val{font-size:19px}.gh-recent-list{flex-direction:column;max-height:240px;padding:6px 0;display:flex;overflow-y:auto}.gh-empty-state{text-align:center;color:var(--color-mute);padding:18px;font-size:14px}.gh-recent-row{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;transition:background-color .15s;display:flex}.gh-recent-row:last-child{border-bottom:0}.gh-recent-main{flex-direction:column;gap:2px;min-width:0;display:flex}.gh-recent-title{font-family:var(--font-mono);color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.gh-recent-date{color:var(--color-mute);font-size:12px}.gh-recent-obs{font-family:var(--font-mono);color:var(--color-body);text-align:right;white-space:nowrap;font-size:12px;font-weight:600}.dt-related--stack{grid-template-columns:1fr;gap:8px}.dt-related--stack .dt-related-link{border-radius:10px;padding:12px 14px;font-size:15px}.gh-banner strong{font-weight:600}.gh-pause-dot{background-color:var(--color-warning);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s ease-in-out infinite gt-gpulse}@keyframes gt-gpulse{0%,to{opacity:1}50%{opacity:.35}}.gh-guide-grid{gap:14px}.gh-art-num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-hairline-strong);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.gh-cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;display:flex}.gh-cta-sub{max-width:560px;color:var(--color-body);margin:6px 0 0;font-size:15px;line-height:1.55}@media (width<=640px){.gh-stage{height:clamp(320px,72vw,420px)}.gh-actions-left{justify-content:center;width:100%}.gh-center{padding:20px 14px}}@media (prefers-reduced-motion:reduce){.gh-pause-dot{animation:none}}.gh-app .dt-title{letter-spacing:-.035em;font-size:clamp(38px,5.6vw,50px);font-weight:800}.gh-app .dt-eyebrow{font-size:13px}.gh-app .dt-subtitle{max-width:720px;font-size:21px;line-height:1.6}.gh-app .dt-section-title{letter-spacing:-.025em;font-size:31px}.gh-app .dt-section-desc{font-size:20px;line-height:1.65}.gh-app .dt-kicker{font-size:13px}.gh-app .dt-field-label{font-size:14.5px}.gh-app .dt-btn{height:50px;padding:0 28px;font-size:19px}.gh-app .dt-btn--sm{height:42px;font-size:15px}.gh-app .dt-btn-icon{width:46px;height:46px}.gh-app .dt-seg-btn{min-height:38px;padding:9px 16px;font-size:15px}.gh-app .dt-chip{padding:5px 11px;font-size:12px}.gh-app .dt-infopill{padding:8px 16px}.gh-app .dt-infopill-val{font-size:15px}.gh-app .dt-metric-val{font-size:28px}.gh-app .dt-metric-lbl{font-size:13px}.gh-app .dt-info-row{font-size:19px}.gh-app .dt-info-row>strong{font-size:16px}.gh-app .dt-article h3{font-size:21px}.gh-app .dt-article p,.gh-app .dt-article li{font-size:18px}.gh-app .dt-faq-trigger{font-size:20px}.gh-app .dt-faq-body{font-size:18px}.gh-app .dt-related-link{padding:18px 22px;font-size:17.5px}.gh-app .dt-shell{gap:28px;max-width:1280px;padding:48px 28px 84px}.gh-app .dt-grid{gap:28px}@media (width>=1024px){.gh-app .dt-grid{grid-template-columns:minmax(0,1fr) 360px;gap:32px}}.gh-app .dt-panel{border-radius:22px}.gh-app .dt-panel-head{gap:14px;padding:22px 28px}.gh-app .dt-card{border-radius:20px}.gh-app .dt-card-head{padding:18px 26px}.gh-app .dt-card--pad{padding:26px}.gh-app .gh-stage{border-radius:14px;height:clamp(460px,60vw,660px)}.gh-app .gh-chart-wrap{height:190px;padding:10px}.gh-app .gh-patterns-grid{gap:12px;padding:18px 24px}.gh-app .gh-pat-name{font-size:16px}.gh-app .gh-pat-desc{font-size:14px}.gh-app .gh-obs-btn{min-height:42px;padding:10px 14px;font-size:15px}.gh-app .gh-clarity-lbl,.gh-app .gh-demo-title,.gh-app .gh-demo-caption,.gh-app .gh-note{font-size:14px}.gh-app .gh-cta-inner{gap:24px;padding:32px 34px}.gh-app .gh-cta-sub{font-size:16.5px}.gh-app .dt-callout{padding:18px 20px;font-size:18px}.gh-app .dt-steps li{font-size:18px}@media (width<=900px){.gh-app .dt-section-title{font-size:27px}}@media (width<=640px){.gh-app .dt-shell{gap:22px;padding:32px 16px 60px}.gh-app .dt-title{font-size:clamp(30px,9vw,40px)}.gh-app .dt-subtitle{font-size:17px}.gh-app .dt-section-title{font-size:24px}.gh-app .gh-stage{height:clamp(360px,82vw,460px)}.gh-app .dt-btn{height:48px;padding:0 22px;font-size:17px}.gh-app .dt-card--pad{padding:20px}}