.ds-hero{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:3rem;padding:clamp(1.5rem,4vw,3.4rem);border:1px solid var(--sh-line);border-radius:24px;background:linear-gradient(125deg,var(--sh-bg),color-mix(in srgb,var(--sh-accent) 12%,var(--sh-bg)))}.ds-hero h1{max-width:21ch;font-size:clamp(2rem,4vw,4rem)}.ds-hero p{max-width:66ch;color:var(--sh-muted)}.ds-orbit{width:220px;height:220px;border:1px solid var(--sh-line);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 0 20px color-mix(in srgb,var(--sh-accent) 5%,transparent),0 0 0 40px color-mix(in srgb,var(--sh-accent) 3%,transparent)}.ds-orbit strong{font-size:5rem;line-height:1.3;letter-spacing:-.08em}.ds-orbit span{font-size:.68rem;letter-spacing:.15em;color:var(--sh-muted)}.ds-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.ds-tool{position:relative;border:1px solid var(--sh-line);border-radius:16px;padding:1.4rem;display:flex;flex-direction:column;text-decoration:none;color:var(--sh-text);background:var(--sh-bg);min-width:0}.ds-tool:hover{border-color:var(--sh-accent);transform:translateY(-2px)}.ds-tool[hidden]{display:none}.ds-tool-number{font-size:1.9rem;letter-spacing:-.04em;color:var(--sh-accent);margin-bottom:1.2rem}.ds-tool p{font-size:.83rem;color:var(--sh-muted);flex:1}.ds-open{font-size:.8rem;font-weight:700}.ds-fields,.ds-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ds-wide{grid-column:1/-1}.ds-example-bar,.ds-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:1.3rem 0}.ds-example-bar{padding:1rem;border:1px dashed var(--sh-line);border-radius:12px}.ds-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.4rem 0}.ds-result-grid article{background:var(--sh-soft);border-radius:12px;padding:1.2rem;min-width:0}.ds-result-grid article span{display:block;font-size:.76rem;color:var(--sh-muted);margin-bottom:.5rem}.ds-result-grid strong{font-size:1.35rem;overflow-wrap:anywhere}.ds-method{color:var(--sh-muted);font-size:.85rem;line-height:1.8}.ds-source{padding:1rem 0;border-top:1px solid var(--sh-line);margin:1.2rem 0}.ds-source pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;background:var(--sh-soft);padding:1rem;border-radius:10px;font-size:.8rem}.ds-history a{display:grid;grid-template-columns:70px minmax(0,1fr) auto 170px;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--sh-line);text-decoration:none;color:var(--sh-text)}.ds-note{border-top:1px solid var(--sh-line);padding:1rem 0;margin-top:1rem}.ds-note p{white-space:pre-wrap;overflow-wrap:anywhere}.ds-app blockquote{padding:1rem;border-left:3px solid var(--sh-accent);background:var(--sh-soft);margin:1rem 0;white-space:pre-wrap}.ds-app table td{overflow-wrap:anywhere;max-width:460px}.ds-app .notice{overflow-wrap:anywhere}.ds-app .sh-section-head>label{min-width:250px}@media(max-width:1100px){.ds-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-hero{grid-template-columns:1fr 190px}.ds-orbit{width:170px;height:170px}.ds-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-history a{grid-template-columns:50px minmax(0,1fr) auto}.ds-history small{grid-column:2/-1}}@media(max-width:650px){.ds-hero{grid-template-columns:1fr}.ds-orbit{display:none}.ds-tool-grid,.ds-fields,.ds-meta-grid,.ds-result-grid{grid-template-columns:1fr}.ds-app .sh-section-head{display:block}.ds-app .sh-section-head>label{min-width:0;margin-top:1rem}.ds-history a{grid-template-columns:45px minmax(0,1fr)}.ds-history .sh-state{grid-column:2}.ds-actions .button{white-space:normal}.ds-app .sh-card{padding:1.2rem}}

.ds-filter-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.ds-filter-row label{flex:1 1 180px}