:root{--iq-color-primary: #ff6e32;--iq-color-primary-deep: #e74912;--iq-color-primary-soft: #ffb693;--iq-color-bg: #f7f7fa;--iq-color-surface: #ffffff;--iq-color-surface-subtle: #fdfdfd;--iq-color-border: #eceef2;--iq-color-text-main: #2a2e35;--iq-color-text-muted: #6f7480;--iq-color-text-soft: #9ca3af;--iq-shadow-soft: 0 10px 30px rgba(15, 23, 42, .06);--iq-shadow-glow: 0 0 35px rgba(255, 110, 50, .22);--iq-radius-sm: 8px;--iq-radius-md: 12px;--iq-radius-lg: 18px;--iq-radius-xl: 24px}*,*:before,*:after{box-sizing:border-box;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--iq-color-bg);color:var(--iq-color-text-main);line-height:1.6;min-height:100vh}#root{min-height:100vh;background-color:var(--iq-color-bg)}h1,h2,h3,h4,h5,h6{color:var(--iq-color-text-main);font-weight:600}p,label,span,small{color:var(--iq-color-text-main)}label,small,.helper-text{color:var(--iq-color-text-muted);font-weight:500}a{color:var(--iq-color-primary);text-decoration:none}a:hover{color:var(--iq-color-primary-deep)}button,input,textarea,select{font:inherit;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--iq-color-primary);outline-offset:2px}::selection{background-color:var(--iq-color-primary-soft);color:var(--iq-color-text-main)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--iq-color-bg)}::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:var(--iq-radius-sm)}::-webkit-scrollbar-thumb:hover{background:#0f172a59}.iq-card{background-color:var(--iq-color-surface);border-radius:var(--iq-radius-md);box-shadow:var(--iq-shadow-soft);border:1px solid var(--iq-color-border)}.iq-panel{background-color:var(--iq-color-surface-subtle);border-radius:var(--iq-radius-lg);box-shadow:var(--iq-shadow-soft);border:1px solid var(--iq-color-border)}.iq-divider{border-top:1px solid var(--iq-color-border)}.iq-glow{box-shadow:var(--iq-shadow-glow)}.lux-theme .bg-iq-dark,.lux-theme .bg-slate-900,.lux-theme .bg-slate-900\/50,.lux-theme .bg-slate-900\/70,.lux-theme .bg-slate-900\/30{background-color:var(--iq-color-bg)!important}.lux-theme .bg-iq-surface,.lux-theme .bg-slate-800,.lux-theme .bg-slate-800\/50,.lux-theme .bg-slate-800\/70,.lux-theme .bg-slate-700,.lux-theme .bg-slate-700\/50,.lux-theme .bg-slate-700\/30,.lux-theme .bg-slate-600,.lux-theme .bg-slate-600\/50,.lux-theme .bg-slate-900\/10{background-color:var(--iq-color-surface)!important}.lux-theme .text-white,.lux-theme .text-slate-50,.lux-theme .text-slate-100,.lux-theme .text-slate-200{color:var(--iq-color-text-main)!important}.lux-theme .text-slate-300,.lux-theme .text-slate-400,.lux-theme .text-slate-500{color:var(--iq-color-text-muted)!important}.lux-theme .text-slate-600,.lux-theme .text-slate-700{color:var(--iq-color-text-soft)!important}.lux-theme .border-slate-900,.lux-theme .border-slate-800,.lux-theme .border-slate-700,.lux-theme .border-slate-700\/50,.lux-theme .border-slate-600,.lux-theme .border-slate-500,.lux-theme .border-white\/10,.lux-theme .border-white\/20{border-color:var(--iq-color-border)!important}.lux-theme .hover\:bg-slate-800:hover,.lux-theme .hover\:bg-slate-700:hover,.lux-theme .hover\:bg-slate-900:hover{background-color:var(--iq-color-surface-subtle)!important}.lux-theme .hover\:text-white:hover{color:var(--iq-color-text-main)!important}.text-iq-aqua,.text-iq-pink,.text-iq-purple{color:var(--iq-color-primary)!important}.bg-iq-purple,.from-iq-purple,.to-iq-purple,.bg-iq-aqua,.from-iq-aqua,.to-iq-aqua,.bg-iq-pink{background-color:var(--iq-color-primary)!important}.bg-iq-purple\/20,.bg-iq-aqua\/20,.bg-iq-pink\/20{background-color:#ff6e3214!important}.text-iq-purple,.text-iq-aqua{color:var(--iq-color-primary)!important}.app-shell{background-color:var(--iq-color-bg);color:var(--iq-color-text-main)}.sidebar-bg{background-color:var(--iq-color-bg);border-right:1px solid var(--iq-color-border)}.inspector-bg{background-color:var(--iq-color-surface);border-left:1px solid var(--iq-color-border)}.canvas-bg{background-color:#eceef2}.editor-shell{background-color:var(--iq-color-bg);color:var(--iq-color-text-main)}.editor-sidebar{background-color:var(--iq-color-bg);border-right:1px solid var(--iq-color-border);box-shadow:var(--iq-shadow-soft)}.editor-topbar{background-color:var(--iq-color-surface);border:1px solid var(--iq-color-border);border-radius:var(--iq-radius-sm);box-shadow:var(--iq-shadow-soft)}.editor-pill{border-radius:var(--iq-radius-md);transition:all .18s ease}.editor-pill--active{background:#ff6e321f;color:var(--iq-color-primary);font-weight:600;box-shadow:var(--iq-shadow-soft)}.editor-pill--inactive{color:var(--iq-color-text-muted)}.editor-pill--inactive:hover{background:#ffb6931f;color:var(--iq-color-text-main)}.peach-hover:hover{background:#ffb6931f}.device-toggle button{border-radius:var(--iq-radius-sm);padding:.35rem;color:var(--iq-color-text-soft);transition:all .18s ease}.device-toggle button.active{color:var(--iq-color-primary);border-bottom:2px solid var(--iq-color-primary)}