:root{--primary-cyan:#00f2fe;--primary-blue:#4facfe;--primary-gradient:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-cyan) 100%);--accent-green:#10b981;--accent-rose:#f43f5e;--accent-gold:#fbbf24;--teal-aura:#0d9488;--teal-aura-gradient:linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);--bg-deep:#080a0c;--bg-card:#12161a;--bg-input:#1b2026;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#4b5563;--glass-bg:#12161aa6;--glass-border:#ffffff0f;--glass-blur:blur(16px);--glass-shadow:0 8px 32px 0 #00000073;--border-width:1px;--border-color:#242b35;--border-glow:#00f2fe26;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-serif:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;letter-spacing:-.02em;font-weight:700}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-width) solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:0 12px 40px 0 #00f2fe14, var(--glass-shadow);border-color:#00f2fe40}.border-glow{border:1px solid var(--border-color);position:relative;overflow:hidden}.border-glow:before{content:"";background:linear-gradient(90deg,#0000,#00f2fe1a,#0000);width:50%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.border-glow:hover:before{left:150%}.btn-primary{background:var(--primary-gradient);color:#000;font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4facfe4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f2fe73}.btn-primary:active{transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:900px){.workspace-grid{grid-template-columns:1fr!important}.workspace-sidebar{height:auto!important;max-height:50vh!important}.workspace-preview{height:auto!important;min-height:60vh!important}.mockup-frame{width:100%!important;max-width:500px!important}.canvas-area{padding:16px!important}}