.shell-workspace{margin-top:24px;padding:clamp(20px,4vw,36px);border:1px solid #2a4660;border-radius:20px;background:linear-gradient(145deg,#0b1725,#080c14)}.shell-heading h2{font-size:clamp(1.8rem,4vw,3.2rem);margin:6px 0}.shell-heading p{color:var(--muted);max-width:780px;line-height:1.55}.shell-controls{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto;gap:10px;margin:20px 0}.shell-controls label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.82rem;font-weight:800}.shell-controls select{min-height:43px;background:#161d2b;color:var(--text);border:1px solid #32405a;border-radius:9px;padding:9px}.shell-controls button{align-self:end;min-height:43px}.shell-result{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1.55fr);gap:18px;align-items:center}.shell-summary{display:flex;flex-direction:column;gap:8px}.shell-summary>span{color:var(--cyan);font-size:.75rem;font-weight:900;letter-spacing:.13em}.shell-summary>strong{font-size:clamp(2.6rem,6vw,4.5rem)}.shell-summary small,.field-shell-card small{color:#69f3c6;font-weight:800}.shell-summary p{color:var(--muted);line-height:1.5}.shell-diagram{background:#f8fafc;border-radius:13px;overflow:auto}.shell-svg{display:block;width:100%;min-width:530px;height:auto}.shell-svg .string,.shell-svg .fret{stroke:#263247;stroke-width:1.2}.shell-svg .note circle{fill:#101827;stroke:#fff;stroke-width:2}.shell-svg .note.root circle{fill:#22d3c5;stroke:#073a35}.shell-svg text{font:700 11px system-ui;fill:#172033}.shell-svg .note text{fill:#fff;text-anchor:middle;dominant-baseline:central;font-size:9px}.shell-svg .note.root text{fill:#052824}.field-shell-section{margin-top:22px;padding-top:22px;border-top:1px solid #29405a}.field-shell-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}.field-shell-head h3{font-size:1.35rem;margin:4px 0}.field-shell-head p{color:var(--muted);margin:0}.field-shell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field-shell-card{padding:14px;border:1px solid #2a405a;border-radius:14px;background:#08111d}.field-shell-card header{display:flex;justify-content:space-between;align-items:center}.field-shell-card strong{font-size:1.35rem}.field-shell-card .shell-svg{min-width:0;margin-top:10px}.field-shell-card button{width:100%;margin-top:8px}@media(max-width:780px){.shell-controls{grid-template-columns:1fr 1fr}.shell-controls button{grid-column:1/-1}.shell-result{grid-template-columns:1fr}.field-shell-grid{grid-template-columns:1fr}.field-shell-head{align-items:start;flex-direction:column}}

.field-shell-card .shell-svg>text{fill:#d9e7ee;font-size:15px}