.design-lab{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.lab-header{position:sticky;top:0;z-index:100;background:var(--bg-card);border-bottom:2px solid var(--border);padding:12px 16px;display:flex;flex-direction:column;gap:12px}.back-btn{align-self:flex-start;padding:8px 16px;font-size:14px;border:1px solid var(--border);background:transparent;color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--bg-secondary)}.screen-switcher{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;flex-wrap:wrap}.screen-switcher::-webkit-scrollbar{height:4px}.switcher-btn{padding:8px 14px;font-size:12px;font-weight:600;border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.switcher-btn:hover{border-color:var(--accent);color:var(--text-primary)}.switcher-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.lab-content{flex:1;overflow-y:auto;padding:20px 16px}.lab-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--bg-card);border:2px solid var(--warning);color:var(--text-secondary);padding:12px 24px;border-radius:24px;font-size:13px;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:99}.console-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}.console-container{background:var(--bg-secondary);border-radius:16px 16px 0 0;width:100%;max-height:70vh;display:flex;flex-direction:column;border:2px solid var(--border)}.console-header{padding:16px;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-card)}.console-header h3{font-size:18px;font-weight:600;margin:0}.console-actions{display:flex;gap:8px}.copy-btn,.clear-btn,.close-btn{padding:8px 12px;font-size:14px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--accent);border-color:var(--accent)}.clear-btn:hover{background:var(--warning);border-color:var(--warning);color:#0a0a0a}.close-btn:hover{background:var(--error);border-color:var(--error)}.console-content{flex:1;overflow-y:auto;padding:16px;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6}.log-entry{padding:6px 12px;margin-bottom:4px;background:var(--bg-primary);border-radius:4px;border-left:3px solid var(--accent);word-wrap:break-word}.empty-logs{text-align:center;color:var(--text-secondary);padding:40px 20px}.app{min-height:100vh;width:100%}.main-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;gap:20px}.logo-container{text-align:center;margin-bottom:40px}.logo-container h1{font-size:48px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-container p{color:var(--text-secondary);font-size:16px}.lab-button,.console-button{padding:16px 32px;font-size:16px;font-weight:600;border:2px solid var(--accent);background:transparent;color:var(--accent);border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:280px}.lab-button:hover,.console-button:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.lab-button:active,.console-button:active{transform:translateY(0)}.console-button{border-color:var(--warning);color:var(--warning);min-width:220px}.console-button:hover{background:var(--warning);color:#0a0a0a;box-shadow:0 8px 16px #f59e0b4d}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #6366f1;--accent-hover: #4f46e5;--border: #3a3a3a;--success: #10b981;--error: #ef4444;--warning: #f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .3s ease-out}