*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f7f6;--surface: #ffffff;--surface2: #f2f1ee;--border: #e5e4e0;--border-strong: #d0cfc9;--text: #1a1a1a;--text-2: #52524e;--text-3: #898982;--accent: #2563eb;--accent-hover: #1d4ed8;--radius: 8px;--radius-lg: 12px}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;outline:none}input[type=color]{cursor:pointer}input[type=range]{cursor:pointer;accent-color:var(--accent);width:100%}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.img-shimmer{background:linear-gradient(90deg,var(--surface2) 25%,var(--border) 50%,var(--surface2) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden;position:relative}.mobile-only{display:none!important}.sidebar-backdrop{display:none}@media (max-width: 768px){.app-shell{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.app-body{flex-direction:column;overflow:visible}.app-main{padding:14px!important;overflow:visible!important}.app-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid var(--border);overflow:visible!important}.sidebar-backdrop,.desktop-only{display:none!important}.mockup-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:10px!important}.header-root{padding:0 12px!important}.header-title{font-size:13px!important}.lightbox-root{padding:12px!important}}