.ecs{--ecs-ink:#273b3b;--ecs-accent:#168e80;max-width:1100px;margin:36px auto;padding:clamp(16px,3vw,32px);border:1px solid #c8dbd5;border-radius:18px;background:#f8fbf9;color:var(--ecs-ink);box-shadow:0 12px 35px #153e3420;font-family:inherit}.ecs *{box-sizing:border-box}.ecs__head{text-align:center;margin-bottom:22px}.ecs__eyebrow{font-size:11px;letter-spacing:.24em;color:#72877e}.ecs__head h2{margin:4px 0;font-size:clamp(24px,3vw,34px);letter-spacing:.08em;color:var(--ecs-ink)}.ecs__head p{margin:0;color:#667f78;font-size:14px}.ecs__form label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}.ecs__controls{display:flex;gap:8px}.ecs__controls input{min-width:0;flex:1;border:1px solid #b6ccc4;border-radius:9px;padding:13px;background:white;color:#263b35;font-size:16px}.ecs__controls button{border:0;border-radius:9px;padding:10px 23px;background:var(--ecs-accent);color:white;font-weight:700;cursor:pointer;white-space:nowrap}.ecs__tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px;border-bottom:1px solid #bed3cb}.ecs__tabs button{border:1px solid #c8dad2;border-bottom:0;border-radius:9px 9px 0 0;padding:11px 15px;background:#e8f0ec;color:#35554d;cursor:pointer;font-weight:700}.ecs__tabs button[aria-selected=true]{background:#177f73;color:#fff}.ecs__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;font-size:12px}.ecs__status{overflow-wrap:anywhere}.ecs__open{color:#14796f;text-decoration:underline;white-space:nowrap}.ecs__frame{display:block;width:100%;height:min(65vh,750px);min-height:350px;border:1px solid #c4d7ce;border-radius:10px;background:#fff}.ecs__note{font-size:12px;color:#687b73;margin:12px 0 0}@media(max-width:600px){.ecs__controls{flex-direction:column}.ecs__tabs button{flex:1;font-size:12px;padding:10px 5px}.ecs__bar{align-items:flex-start;flex-direction:column}.ecs__frame{height:60vh;min-height:320px}}