*{box-sizing:border-box}body{color:#e8e8e8;background:#141414;margin:0;font-family:system-ui,-apple-system,sans-serif}button,select,input,textarea{font:inherit;color:inherit}button,select{cursor:pointer;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:6px 12px}button:hover{background:#333}button:disabled{opacity:.5;cursor:default}.app{grid-template-columns:minmax(0,1fr) 360px;gap:16px;height:100vh;padding:16px;display:grid}@media (max-width:900px){.app{grid-template-columns:1fr;height:auto}}.panel{background:#1c1c1c;border:1px solid #2a2a2a;border-radius:10px;padding:16px}.stage{flex-direction:column;gap:12px;min-height:0;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted{color:#8a8a8a;font-size:13px}.error{color:#ff7a6e;white-space:pre-wrap;font-size:13px}textarea.code{resize:vertical;background:#101010;border:1px solid #2a2a2a;border-radius:6px;flex:1;width:100%;min-height:220px;padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.chat{flex-direction:column;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:8px;min-height:200px;padding-bottom:8px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:8px;padding:8px 10px;font-size:14px}.msg.user{background:#2b3550;align-self:flex-end;max-width:90%}.msg.assistant{background:#262626;align-self:flex-start;max-width:90%}.chip{color:#ffb3aa;background:#3a1f1c;border-radius:999px;margin:2px 0;padding:2px 8px;font-size:12px;display:inline-block}.composer{gap:8px;display:flex}.composer input{background:#101010;border:1px solid #2a2a2a;border-radius:6px;flex:1;padding:8px 10px}.suggestions{flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.suggestion{text-align:left;border-radius:999px;padding:4px 10px;font-size:12px}.unlock{z-index:10;background:radial-gradient(circle at 50% 40%,#1f1414 0%,#141414 60%);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.unlock-card{text-align:center;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:14px;flex-direction:column;gap:12px;width:min(360px,100%);padding:28px 24px 24px;display:flex;box-shadow:0 20px 60px #00000080}.unlock-card h1{margin:4px 0 0;font-size:20px}.unlock-card p{margin:0 0 4px}.unlock-dots{grid-template-columns:repeat(8,10px);justify-content:center;gap:6px;display:grid}.unlock-dots span{background:#ff4d3d;border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite unlock-glow}@keyframes unlock-glow{0%,to{opacity:.15;box-shadow:none}50%{opacity:1;box-shadow:0 0 8px #ff4d3d}}.unlock-field{gap:8px;display:flex}.unlock-field input{background:#101010;border:1px solid #2a2a2a;border-radius:8px;flex:1;min-width:0;padding:10px 12px}.unlock-field input:focus{border-color:#ff4d3d;outline:none}.unlock-eye{font-size:13px}.unlock-go{color:#fff;background:#ff4d3d;border-color:#ff4d3d;border-radius:8px;padding:10px;font-weight:600}.unlock-go:hover{background:#ff6354}
