:root{--bg-main:#f5f6f8;--bg-card:#fff;--bg-dark:#000;--bg-panel:#fafafa;--border-light:#e5e7eb;--border-focus:#111827;--text-main:#111827;--text-muted:#6b7280;--primary:#f97316;--primary-light:#ffedd5;--secondary:#3b82f6;--success:#10b981;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--transition-smooth:all .2s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--text-main);font-weight:600}h1{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem}p{line-height:1.5}.text-muted{color:var(--text-muted)}.dashboard-layout{grid-template-rows:100vh;grid-template-columns:1fr 450px;display:grid;overflow:hidden}.canvas-area{background-color:var(--bg-main);background-image:linear-gradient(var(--border-light) 1px, transparent 1px), linear-gradient(90deg, var(--border-light) 1px, transparent 1px);background-size:30px 30px;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:auto}.panel-area{background-color:var(--bg-card);border-left:1px solid var(--border-light);flex-direction:column;display:flex;overflow-y:auto;box-shadow:-4px 0 15px #00000005}.glass-panel{background:var(--bg-card);border:1px solid var(--border-light);transition:var(--transition-smooth);border-radius:4px;box-shadow:0 1px 3px #0000000d}.option-card{border:1px solid var(--border-light);background:var(--bg-panel);border-radius:4px;transition:all .2s}.option-card:hover{border-color:var(--text-muted)}.option-card.selected{border-color:var(--primary);background:var(--primary-light)}.checkbox-ring{border:1px solid var(--text-muted);background:#fff;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.checkbox-ring.checked{background:var(--primary);border-color:var(--primary);color:#fff}.sub-option-pill{background:var(--primary-light);color:var(--primary);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:2rem;padding:.3rem .6rem;font-size:.75rem;font-weight:500;transition:all .2s}.sub-option-pill:hover{background:#ffdbaf}.sub-option-pill.active{background:var(--primary);color:#fff;box-shadow:0 2px 5px #f973164d}.tech-list-item{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:.5rem 0;font-size:.85rem;display:flex}.tech-list-item:last-child{border-bottom:none}.btn-primary{background:var(--text-main);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.btn-primary:hover{background:#374151;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-glass{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-main);width:100%;transition:var(--transition-smooth);border-radius:4px;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.85rem}.input-glass:focus{border-color:var(--secondary);box-shadow:0 0 0 1px var(--secondary)}.system-dashboard{background:var(--bg-dark);color:#10b981;font-family:var(--font-mono);border-top:1px solid var(--border-light);min-height:120px;max-height:200px;padding:1rem;font-size:.75rem;overflow-y:auto}.log-line{opacity:.8;gap:.5rem;margin-bottom:.25rem;display:flex}.log-line .time{color:#6b7280}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}