html,body,#app{min-height:100%;margin:0}
body{background:#eef1f5}
.vvc-boot{min-height:100vh;display:grid;place-items:center;font:600 14px Arial;color:#475467}
#vvc-toast{position:fixed;right:18px;bottom:18px;z-index:9999;max-width:380px;padding:12px 15px;border-radius:10px;background:#17212b;color:#fff;font:600 12px Arial;box-shadow:0 12px 35px rgba(0,0,0,.2);opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s}
#vvc-toast.show{opacity:1;transform:none}
.vvc-fatal{margin:40px auto;max-width:720px;padding:18px;border:1px solid #fda29b;border-radius:12px;background:#fef3f2;color:#b42318;font:14px/1.5 Arial}
.vvc-inline-error{margin-top:6px;color:#b42318;font-size:12px;font-weight:600;line-height:1.35}
[aria-invalid="true"]{outline:2px solid #d92d20!important;outline-offset:1px}
#vvc-outbox-status{position:fixed;left:16px;bottom:16px;z-index:9998;padding:8px 12px;border-radius:999px;background:#fff4cc;color:#7a4d00;border:1px solid #e5b700;font:700 12px Arial;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.drawing{position:relative;overflow:hidden}