.ml-page{--ml-ink:#163849;--ml-accent:#0e7183;--ml-muted:#617a86;--ml-border:#dbe7ec}
.ml-page .ed-workspace{padding:30px;background:#fff;border:1px solid var(--ml-border);border-radius:24px;box-shadow:0 10px 34px #18394b08}
.ml-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.ml-toolbar .ed-field{max-width:240px;width:100%}.ml-chip{font-weight:800;letter-spacing:.16em;color:var(--ml-accent);padding:9px 15px;background:#eef7f8;border-radius:50px}
.ml-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.ml-metrics>div{font-size:.78rem;line-height:1.5;color:var(--ml-muted);padding:17px;background:#f4f8fa;border:1px solid #e8eef2;border-radius:14px;min-width:0;overflow-wrap:anywhere}.ml-metrics strong{display:block;font-size:clamp(1.5rem,3.4vw,2.6rem);font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:var(--ml-ink);margin-top:5px;line-height:1.2}.ml-metrics small{font-size:.8rem;letter-spacing:0;font-weight:600;margin-left:5px}.ml-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ml-zone{position:relative;min-height:250px;width:100%;border:1px solid #bcd9e0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:28px;text-align:center;overflow:hidden;color:var(--ml-ink);background:radial-gradient(circle at 50% 40%,#fff,#eaf4f7);user-select:none;touch-action:none}.ml-zone strong{position:relative;z-index:1;max-width:440px;line-height:1.65;font-size:1rem;pointer-events:none}.ml-zone:focus-visible{outline:3px solid #1593ad;outline-offset:4px}.ml-zone.is-active{border-color:#268b9e;box-shadow:inset 0 0 0 1px #268b9e}.ml-click-zone{cursor:pointer;transition:background .16s,box-shadow .16s}.ml-click-zone:active{background:#d8edf1}.ml-zone-tag{font-size:.66rem;letter-spacing:.22em;color:#527a89}.ml-mouse-icon{width:35px;height:50px;border:2px solid #44798c;border-radius:18px;position:relative}.ml-mouse-icon:before{content:'';position:absolute;width:4px;height:10px;background:var(--ml-accent);border-radius:3px;top:9px;left:13px}.ml-click-zone.is-active .ml-mouse-icon{background:#c0e4ec}
.ml-callout{border-left:3px solid #69a7b5;padding:12px 16px;background:#f0f7f8;color:#345968;border-radius:0 10px 10px 0;font-size:.87rem;line-height:1.8}.ml-mini-metrics{display:flex;gap:12px 24px;flex-wrap:wrap;color:var(--ml-muted);font-size:.85rem;margin:16px 0}.ml-mini-metrics strong{color:var(--ml-ink)}
.ml-small-title{font-size:.94rem!important;margin:24px 0 12px!important;color:var(--ml-ink)}.ml-bars{display:flex;gap:4px;align-items:flex-end;height:105px;padding:10px 2px;border-bottom:1px solid var(--ml-border)}.ml-bars span{flex:1;min-width:1px;max-width:80px;background:linear-gradient(#3a9db0,#0e7183);border-radius:4px 4px 0 0;transition:height .18s;position:relative}.ml-bars span:empty{min-height:2px}.ml-history ol{padding-left:25px;color:#496572;font-size:.88rem}.ml-history li{padding:7px 0;line-height:1.7}.ml-page .ed-status[data-error=true]{color:#a43232}.ml-page .ed-actions button{min-height:44px}.ml-page button:disabled{opacity:.5;cursor:not-allowed}.ml-page textarea{width:100%;box-sizing:border-box;border:1px solid var(--ml-border);border-radius:12px;background:#f8fafc;padding:14px;margin-top:12px;font:inherit;font-size:.85rem;color:#375462;resize:vertical}.ml-page details>summary{cursor:pointer;min-height:36px;line-height:1.6}.ml-page [hidden]{display:none!important}
.ml-orbit{height:64px;width:100px;border:1px dashed #92b8c5;border-radius:50%;transform:rotate(-25deg)}.ml-dot{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:#077b96;box-shadow:0 0 0 7px #077b961c;pointer-events:none;will-change:transform}.ml-chart{display:block;width:100%;height:150px;margin-top:14px}.ml-drag-zone{height:300px;cursor:crosshair}.ml-drag-zone canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ml-drag-zone.is-active strong{opacity:.35}.ml-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--ml-muted);margin:16px 0}.ml-presets button{border:1px solid var(--ml-border);background:#f7fafb;color:#345c6e;border-radius:8px;min-height:36px;padding:6px 14px}.ml-conversion{padding:25px;border:1px solid #cde2e8;border-radius:18px;text-align:center;margin-top:22px;background:#eff7f9;color:var(--ml-ink)}.ml-conversion p{font-size:.9rem;margin:0 0 10px}.ml-conversion strong{display:block;font-size:clamp(2.5rem,6vw,4rem);font-variant-numeric:tabular-nums;line-height:1.2;overflow-wrap:anywhere}.ml-conversion span{display:block;font-size:.84rem;color:#5e7d8b;margin-top:12px;overflow-wrap:anywhere}
.ml-wheel-zone{touch-action:auto}.ml-wheel{width:32px;height:48px;border:2px solid #6296a6;border-radius:15px;background:repeating-linear-gradient(0deg,#cae0e7 0,#cae0e7 4px,#eff7fa 4px,#eff7fa 10px);background-position:0 0;will-change:background-position}.ml-direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:380px}.ml-direction-grid span{color:#4b7283;font-size:.8rem}.ml-direction-grid b{display:block;font-size:1.4rem;color:var(--ml-ink);font-variant-numeric:tabular-nums}.ml-table-wrap{max-width:100%;overflow:auto}.ml-page table{width:100%;border-collapse:collapse;font-size:.85rem}.ml-page table caption{text-align:left;color:var(--ml-ink);font-weight:700;margin:18px 0 10px;caption-side:top}.ml-page th,.ml-page td{padding:10px;text-align:right;border-bottom:1px solid #e6eef2;overflow-wrap:anywhere}.ml-page th:first-child{text-align:left}.ml-scroll-bars{height:70px;display:flex;align-items:center;gap:3px;position:relative;background:linear-gradient(transparent 49%,#d8e5ea 49%,#d8e5ea 51%,transparent 51%)}.ml-scroll-bars span{flex:1;max-width:16px;height:22px;background:#4194a7;transform:translateY(12px);border-radius:3px}.ml-scroll-bars span.is-up{transform:translateY(-12px);background:#183f5b}.ml-scroll-bars span.is-horizontal{height:4px;transform:none;background:#9db8c4}
.ml-drag-zone strong{position:absolute;top:16px;left:18px;right:18px;max-width:none;font-size:.86rem;text-align:left}
@media(max-width:640px){.ml-page .ed-workspace{padding:18px 14px;border-radius:18px}.ml-metrics{gap:7px}.ml-metrics>div{padding:12px 9px;font-size:.72rem}.ml-metrics strong{font-size:1.65rem}.ml-metrics small{font-size:.65rem;margin-left:3px}.ml-zone{min-height:235px;padding:20px 14px}.ml-toolbar{gap:12px}.ml-drag-zone{height:280px}.ml-metrics.ml-two{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-page .ed-fields{grid-template-columns:1fr}.ml-callout{font-size:.81rem}.ml-page .ed-actions{gap:8px}.ml-page .ed-actions button{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.ml-page *, .ml-page *:before{transition:none!important;animation:none!important}}