.eva-app{--eva-accent: #eb3963;--eva-accent-2: #a156cc;--eva-accent-soft: rgba(235, 57, 99, .1);--eva-border: #e4e7ec;--eva-border-strong: #d0d5dd;--eva-bg: #f7f8fa;--eva-surface: #ffffff;--eva-surface-2: #f7f8fa;--eva-text: #1f2430;--eva-muted: #6b7280;--eva-danger: #d92d20;--eva-ok: #059669;--eva-shadow: 0 1px 2px rgba(16, 24, 40, .05);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--eva-text);max-width:1200px;margin:0 auto;padding:.5rem max(.5rem,env(safe-area-inset-right)) 2rem max(.5rem,env(safe-area-inset-left));box-sizing:border-box}.eva-app *,.eva-app *:before,.eva-app *:after{box-sizing:border-box}.eva-header{margin:.5rem 0 1rem}.eva-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.eva-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.01em}.eva-badges{display:flex;gap:.35rem;flex-wrap:wrap}.eva-badge{font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:999px;background:var(--eva-accent-soft);color:var(--eva-accent)}.eva-badge--ok{background:#0596691f;color:var(--eva-ok)}.eva-subtitle{margin:.35rem 0 0;font-size:.875rem;color:var(--eva-muted)}.eva-banner{margin:0 0 .75rem;padding:.65rem .85rem;border-radius:10px;font-size:.8125rem;font-weight:600}.eva-banner--warn{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.eva-banner--error{background:#fef3f2;color:var(--eva-danger);border:1px solid #fecdca}.eva-banner--info{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff}.eva-banner--ok{background:#ecfdf3;color:var(--eva-ok);border:1px solid #a6f4c5}.eva-layout{display:flex;flex-direction:column;gap:1rem}.eva-preview-wrap{position:relative;background:var(--eva-surface);border:1px solid var(--eva-border);border-radius:14px;box-shadow:var(--eva-shadow);overflow:hidden;min-height:280px;height:min(52vh,420px);touch-action:none}.eva-preview-wrap canvas{display:block;width:100%!important;height:100%!important}.eva-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f7f8fab8;font-weight:700;color:var(--eva-muted);pointer-events:none;text-align:center;padding:1rem}.eva-controls{display:flex;flex-direction:column;gap:.85rem}.eva-panel{background:var(--eva-surface);border:1px solid var(--eva-border);border-radius:14px;padding:.85rem;box-shadow:var(--eva-shadow)}.eva-panel h3{margin:0 0 .65rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--eva-muted);font-weight:800}.eva-drop{border:2px dashed var(--eva-border-strong);border-radius:12px;padding:1rem;text-align:center;background:var(--eva-surface-2);cursor:pointer;transition:border-color .15s,background .15s}.eva-drop:focus-visible,.eva-drop.eva-drop--active{border-color:var(--eva-accent);background:var(--eva-accent-soft);outline:none}.eva-drop p{margin:0;font-size:.875rem;font-weight:600}.eva-drop span{display:block;margin-top:.25rem;font-size:.75rem;color:var(--eva-muted);font-weight:500}.eva-file-btn{display:none}.eva-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.eva-chip{min-height:44px;padding:.45rem .75rem;border-radius:10px;border:1px solid var(--eva-border);background:var(--eva-surface-2);color:var(--eva-text);font-size:.8125rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.eva-chip:hover{border-color:var(--eva-border-strong)}.eva-chip:focus-visible{outline:2px solid var(--eva-accent);outline-offset:2px}.eva-chip--active{background:var(--eva-accent);border-color:var(--eva-accent);color:#fff}.eva-chip--card{flex:1 1 calc(50% - .4rem);min-width:140px;text-align:left;display:flex;flex-direction:column;gap:.15rem;padding:.65rem .75rem}.eva-chip--card small{font-weight:500;font-size:.7rem;opacity:.85}.eva-sample-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.eva-transport{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.eva-btn{min-height:44px;padding:.55rem 1rem;border-radius:10px;border:none;background:var(--eva-accent);color:#fff;font-weight:800;font-size:.875rem;cursor:pointer}.eva-btn:disabled{opacity:.5;cursor:not-allowed}.eva-btn:focus-visible{outline:2px solid var(--eva-accent-2);outline-offset:2px}.eva-btn--ghost{background:var(--eva-surface-2);color:var(--eva-text);border:1px solid var(--eva-border)}.eva-btn--secondary{background:#1f2430}.eva-scrub{flex:1 1 140px;min-width:120px;height:44px;accent-color:var(--eva-accent)}.eva-tip{margin:.35rem 0 0;font-size:.75rem;color:var(--eva-muted)}.eva-stats{font-size:.75rem;color:var(--eva-muted);margin:.35rem 0 0;font-weight:600}@media(min-width:768px){.eva-preview-wrap{height:min(56vh,480px)}.eva-chip--card{flex:1 1 calc(50% - .4rem)}}@media(min-width:1024px){.eva-layout{flex-direction:row;align-items:stretch}.eva-preview-wrap{flex:1 1 60%;min-height:520px;height:auto}.eva-controls{flex:0 0 min(380px,38%);max-width:400px}}@media(prefers-reduced-motion:reduce){.eva-chip,.eva-drop,.eva-btn{transition:none}}