:root{--bg-primary:#0a0810;--bg-secondary:#0e0c18;--bg-tertiary:#14101f;--bg-card:#0e0c1894;--text-primary:#f5f3fa;--text-secondary:#d4c6e3;--text-muted:#a89cc4;--text-light:#7a6d8a;--accent-primary:#8b5cf6;--accent-secondary:#a78bfa;--accent-tertiary:#c4b5fd;--accent-light:#ddd6fe;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--border-default:#8b5cf61f;--border-light:#8b5cf60f;--border-focus:#8b5cf6;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--space-xs:.24rem;--space-sm:.51rem;--space-md:1.02rem;--space-lg:1.48rem;--space-xl:2.03rem;--radius-sm:5px;--radius-md:7px;--radius-lg:11px;--radius-xl:15px;--shadow-sm:0 2px 7px #8b5cf61a;--shadow-md:0 4px 15px #8b5cf626;--shadow-lg:0 11px 31px #8b5cf633;--shadow-xl:0 19px 47px #8b5cf640;--transition-fast:.16s ease;--transition-base:.21s cubic-bezier(.33, 1.55, .63, .98);--transition-smooth:.29s cubic-bezier(.32, 1.54, .67, 1.01);font-family:var(--font-sans);color:var(--text-primary);background:linear-gradient(127deg,#0a0810 0%,#0e0c18 50%,#140d22 100%);font-size:14px;line-height:1.58}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);min-height:100vh;margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--bg-primary);min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}input,select,button,textarea{transition:all var(--transition-smooth);font-family:inherit;font-size:14px}input,select,textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);background:#ffffff0a;padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--text-light)}input:focus,select:focus,button:focus,textarea:focus{border-color:var(--accent-primary);background:#6366f10d;outline:none;box-shadow:0 0 20px #6366f133}button{cursor:pointer;border-radius:var(--radius-md);color:var(--accent-light);background:#6366f11a;border:1px solid #6366f133;padding:10px 16px;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f14d}::selection{color:var(--accent-light);background:#6366f140}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0d,#ffffff26,#ffffff0d) 0 0/1000px 100%;animation:2s infinite shimmer}*{transition:color .19s,background .23s}@keyframes violet-glow{0%,to{box-shadow:0 0 19px #8b5cf61f}50%{box-shadow:0 0 31px #8b5cf638}}@keyframes ambient-glow{0%,to{opacity:.05}50%{opacity:.11}}.board-preview-glow{animation:3.2s ease-in-out infinite ambient-glow}.comp-card{transform-origin:50%;border:1px solid #8b5cf61a;transition:all .25s cubic-bezier(.33,1.52,.64,1.01)}.comp-card:hover{border-color:#8b5cf640;transform:translateY(-3px)scale(1.008);box-shadow:0 11px 29px #8b5cf626}.comp-card:active{transform:translateY(-1px)scale(.985)}input,select,textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .27s cubic-bezier(.32,1.58,.67,.98);border-color:#8b5cf626!important}input:focus,select:focus,textarea:focus{background:#8b5cf60d;border-color:#8b5cf6!important;box-shadow:0 0 17px #8b5cf640!important}button{color:#c4b5fd;border-color:#8b5cf633;transition:all .31s cubic-bezier(.34,1.53,.61,.99);position:relative;overflow:hidden}button:hover{background:#8b5cf61f;border-color:#8b5cf659}button:before{content:"";background:radial-gradient(circle,#8b5cf61a,#0000);width:100%;height:100%;transition:left .38s;position:absolute;top:0;left:-100%}button:hover:before{left:100%}button:active{transform:scale(.97)}.yaml-line{border-left:2px solid #0000;transition:all .18s;position:relative}.yaml-line:hover{background:#8b5cf614;border-left-color:#8b5cf6;padding-left:5px}.category-tab{color:#a8a0c4;transition:all .29s cubic-bezier(.33,1.51,.66,1);position:relative}.category-tab:hover{color:#c4b5fd}.category-tab:after{content:"";background:linear-gradient(90deg,#8b5cf6,#c4b5fd);width:0;height:2px;transition:width .32s;position:absolute;bottom:-2px;left:0}.category-tab:hover:after{width:100%}.toast{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#c4b5fd;z-index:1000;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:9px;padding:13px 23px;font-size:12px;animation:.42s cubic-bezier(.34,1.54,.63,1) toast-slide;position:fixed;bottom:22px;right:19px;box-shadow:0 9px 38px #8b5cf626}@keyframes toast-slide{0%{opacity:0;transform:translate(410px)scale(.79)}to{opacity:1;transform:translate(0)scale(1)}}.resizable-divider{cursor:col-resize;-webkit-user-select:none;user-select:none;background:linear-gradient(#8b5cf61a,#8b5cf633,#8b5cf61a);transition:all .2s}.resizable-divider:hover{background:linear-gradient(#8b5cf633,#8b5cf666,#8b5cf633)}.code-panel::-webkit-scrollbar{width:4px}.code-panel::-webkit-scrollbar-thumb{background:#6366f166;border-radius:2px}.spinner{border:2px solid #6366f133;border-top-color:var(--accent-purple);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}@media (width<=1200px){.three-col-layout{grid-template-columns:300px 1fr 350px}}@media (width<=1024px){.three-col-layout{grid-template-columns:280px 1fr}.yaml-panel{display:none}}@media (width<=768px){.three-col-layout{grid-template-columns:1fr}.sidebar{max-height:50vh;overflow-y:auto}}