:root{--n-card: #f3e6d4;--n-ink: #2a1c14;--n-muted: #7a6456;--n-line: #d7c0a8;--n-panel: #fff6ea;--n-input: #fff;--n-brand: #a34b28;--n-brand-soft: #f3d3b4;--n-wood-top: #7a4a2e;--n-wood-bot: #4a2a18;--n-espresso-top: #7a3c22;--n-espresso-mid: #3a160c;--n-espresso-bot: #140804;--n-chrome: #e4e6ea;--n-chrome-dark: #8c9198;--n-crema: #e8bc72;--n-foam: #f4d59a;--n-drip: #c47a3a;--n-spot: rgba(255, 220, 170, .28);--n-scene: #3a2418;--n-glass: rgba(255, 248, 238, .16);--n-glass-stroke: #d9dde4;--n-lcd: #1a120c;--n-lcd-text: #f0c37a;--n-badge: #fff6ea;--n-ok: #3f7a4e;--n-shadow: rgba(42, 28, 20, .16);--n-steam: rgba(255, 244, 230, .35)}.theme-dark{--n-card: #221812;--n-ink: #f6ead8;--n-muted: #c4aa93;--n-line: #5a4334;--n-panel: #2c1e16;--n-input: #1a110d;--n-brand: #e08a52;--n-brand-soft: #4a2c1c;--n-wood-top: #5a3420;--n-wood-bot: #24140c;--n-espresso-top: #8a4a28;--n-espresso-mid: #4a1c10;--n-espresso-bot: #120604;--n-chrome: #cfd2d8;--n-chrome-dark: #6f747c;--n-crema: #f0c37a;--n-foam: #f6d9a4;--n-drip: #e39a55;--n-spot: rgba(90, 50, 28, .55);--n-scene: #1c100a;--n-glass: rgba(255, 255, 255, .08);--n-glass-stroke: #9aa0a8;--n-lcd: #0e0906;--n-lcd-text: #f0c37a;--n-badge: #2c1e16;--n-ok: #86c49a;--n-shadow: rgba(0, 0, 0, .42);--n-steam: rgba(255, 236, 210, .22)}.eec-root{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.78fr);gap:0;background:var(--n-card);color:var(--n-ink);border:1px solid var(--n-line);border-radius:1.7rem;overflow:hidden;box-shadow:0 1.5rem 3rem var(--n-shadow)}@media(max-width:940px){.eec-root{grid-template-columns:1fr}}.eec-stage{margin:0}.eec-scene-frame{position:relative;background:var(--n-scene)}.eec-stage-head{position:absolute;z-index:2;top:.85rem;left:.95rem;display:flex;flex-direction:column;gap:.35rem}.eec-kicker,.eec-lcd-label,.eec-badge-kicker,.eec-mark-text,.eec-ticker small,.eec-field>span,.eec-ratio-row>span{color:var(--n-muted);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eec-status{margin:0;width:fit-content;padding:.28rem .65rem;border-radius:999px;background:var(--n-brand-soft);color:var(--n-brand);font-size:.75rem;font-weight:700}.eec-root.is-classic .eec-status{color:var(--n-ok)}.eec-svg{display:block;width:100%;height:auto}.eec-backdrop{fill:var(--n-scene)}.eec-spot{fill:var(--n-spot)}.eec-basket,.eec-handle,.eec-knob,.eec-foot,.eec-saucer{fill:var(--n-chrome-dark)}.eec-lcd{fill:var(--n-lcd)}.eec-lcd-label,.eec-lcd-time{fill:var(--n-lcd-text)}.eec-lcd-time{font-size:13px;font-weight:800}.eec-drop{fill:var(--n-drip)}.eec-drop-a{animation:eec-fall 1.1s ease-in infinite}.eec-drop-b{animation:eec-fall 1.25s ease-in infinite .2s}.eec-drop-c{animation:eec-fall .95s ease-in infinite .45s}.eec-steam{fill:none;stroke:var(--n-steam);stroke-width:3;stroke-linecap:round}.eec-steam-a{animation:eec-steam 2.8s ease-in-out infinite}.eec-steam-b{animation:eec-steam 3.2s ease-in-out infinite .6s}.eec-glass{fill:var(--n-glass);stroke:var(--n-glass-stroke);stroke-width:3}.eec-shine{fill:none;stroke:var(--n-chrome);stroke-width:2;opacity:.45}.eec-crema,.eec-foam circle{fill:var(--n-crema)}.eec-foam circle:nth-child(2),.eec-foam circle:nth-child(4){fill:var(--n-foam)}.eec-mark-line{stroke:var(--n-muted);stroke-width:1.5}.eec-mark-text{fill:var(--n-muted);font-size:11px}.eec-mark-gold{stroke:var(--n-crema);fill:var(--n-crema);stroke-width:2}.eec-pin{stroke:var(--n-crema);stroke-width:1.6;stroke-dasharray:3 3}.eec-ratio-badge rect{fill:var(--n-badge)}.eec-badge-kicker,.eec-badge-value{fill:var(--n-ink)}.eec-badge-value{font-size:15px;font-weight:800}.eec-delta{fill:var(--n-crema);font-size:13px;font-weight:700}.eec-rail{fill:var(--n-chrome-dark)}.eec-ticker{position:absolute;right:1rem;bottom:.7rem;left:1rem;display:flex;flex-wrap:wrap;gap:.55rem 1rem;color:var(--n-foam);font-size:.88rem;text-shadow:0 1px 2px var(--n-espresso-bot)}.eec-ticker strong{color:var(--n-crema)}.eec-controls{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem 1.2rem;background:var(--n-panel)}.eec-controls-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.eec-controls h2{margin:0;font-size:.95rem}.eec-unit,.eec-presets,.eec-ratio-row{display:flex;flex-wrap:wrap;gap:.4rem}.eec-ratio-row span{width:100%}.eec-chip,.eec-preset,.eec-tds-toggle,.eec-reset{border:1px solid var(--n-line);background:var(--n-input);color:var(--n-ink);border-radius:999px;padding:.4rem .75rem;cursor:pointer}.eec-chip.is-active,.eec-preset.is-active,.eec-tds-toggle[aria-pressed=true]{background:var(--n-brand);border-color:var(--n-brand);color:var(--n-card)}.eec-field{display:grid;gap:.3rem}.eec-input-row{display:grid;grid-template-columns:1fr 4.4rem auto;gap:.4rem;align-items:center}.eec-range{width:100%;accent-color:var(--n-brand)}.eec-number,.eec-unit-pill{border:1px solid var(--n-line);background:var(--n-input);color:var(--n-ink);border-radius:.65rem;min-height:2.3rem}.eec-number{width:100%;padding:.25rem .4rem}.eec-unit-pill{display:grid;place-items:center;min-width:2.2rem;padding:0 .4rem;font-size:.75rem;font-weight:700}.eec-tds-field{display:none}.eec-root.is-tds-on .eec-tds-field{display:grid}.eec-reset{align-self:start}@keyframes eec-fall{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(42px)}}@keyframes eec-steam{50%{opacity:.35;transform:translateY(-8px)}}