.echo-shell{max-width:1120px;margin:0 auto;padding:56px 24px 80px}.echo-shell>header{text-align:center;margin-bottom:28px}.echo-shell>header h1{font-size:clamp(2.1rem,5vw,4rem);margin:.25em 0}.echo-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.echo-panel,.echo-help{background:#fff;border:1px solid #dbe5ef;border-radius:28px;padding:24px;box-shadow:0 16px 45px rgba(23,50,77,.1)}.echo-toolbar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:9px;align-items:center}.echo-toolbar>div{background:#edf5fb;border-radius:14px;padding:10px;text-align:center}.echo-toolbar small{display:block;color:#617486}.echo-toolbar strong{font-size:1.22rem}.echo-toolbar label{font-weight:700}.echo-panel h2{text-align:center;margin:22px 0 5px}.echo-panel #echo-rule,.echo-panel #echo-message{text-align:center;color:#40596f}.echo-panel #echo-message{min-height:3em}.echo-cards{display:flex;justify-content:center;align-items:stretch;gap:12px;min-height:230px;margin:18px 0}.echo-card{width:min(31%,180px);min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding:14px 10px;border:3px solid;border-radius:22px;background:#f8fbfd;text-align:center}.echo-card small{font-weight:800;color:#40596f}.echo-card strong{font-size:.92rem}.echo-card.blue{border-color:#2a7fb8}.echo-card.gold{border-color:#d99a1b}.echo-card.coral{border-color:#cf604f}.echo-symbol{width:88px;height:100px;display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.echo-symbol i{display:block;width:28px;height:28px;background:currentColor}.echo-card.blue .echo-symbol{color:#247ab4}.echo-card.gold .echo-symbol{color:#d99a1b}.echo-card.coral .echo-symbol{color:#cf604f}.echo-symbol.circle i{border-radius:50%}.echo-symbol.triangle i{width:0;height:0;background:transparent;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:29px solid currentColor}.echo-symbol.square i{border-radius:5px}.echo-placeholder{margin:auto;align-self:center;color:#617486}.echo-actions,.echo-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.echo-actions{margin:8px 0 18px}.echo-actions .button{min-width:160px}.echo-controls [hidden]{display:none!important}.echo-help{line-height:1.8}.echo-help h2{margin-top:0}.echo-help h2:not(:first-child){margin-top:1.4em}.echo-help ol{padding-left:1.4em}@media(max-width:860px){.echo-layout{grid-template-columns:1fr}.echo-toolbar{grid-template-columns:repeat(4,1fr)}.echo-toolbar label{grid-column:1/-1;text-align:center}.echo-panel,.echo-help{padding:18px;border-radius:22px}.echo-shell{padding:36px 14px 64px}}@media(max-width:520px){.echo-toolbar{grid-template-columns:repeat(2,1fr)}.echo-cards{gap:6px;min-height:190px}.echo-card{width:33%;padding:10px 5px;border-radius:16px}.echo-card strong{font-size:.72rem}.echo-symbol{width:56px;height:78px;gap:3px}.echo-symbol i{width:20px;height:20px}.echo-symbol.triangle i{border-left-width:11px;border-right-width:11px;border-bottom-width:20px}.echo-actions .button,.echo-controls .button{width:100%}}