:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color:#333;background-color:#f6f9fc;font-family:Calibri,Segoe UI,Roboto,system-ui,sans-serif}html,body{min-height:100vh;margin:0;padding:0}body{background-color:#f6f9fc}.app-shell{background-color:#fff;max-width:1100px;min-height:100vh;margin:0 auto;padding:0;box-shadow:0 0 30px #0f35590d}.app-header{color:#fff;background-color:#0f3559;background-image:linear-gradient(90deg,#0f3559 0%,#1a4f80 100%);border-bottom:3px solid #13a89e;padding:1rem 2rem}.app-header-brand{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app-header-title{letter-spacing:.3px;color:#fff;font-size:1rem;font-weight:700}.app-header-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background-color:#13a89e;border-radius:99px;padding:.25rem .85rem;font-size:.78rem;font-weight:700}.canvas-container{padding:2rem}.canvas-content{max-width:900px;margin:0 auto}@media (width<=768px){.canvas-container{padding:1rem}.app-header{padding:.85rem 1rem}.app-header-title{font-size:.9rem}}