@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base:#0b0b0b;--bg-elevated:#111;--bg-surface:#171717;--bg-hover:#1c1c1c;--bg-active:#222;--border:#2a2a2a;--border-subtle:#1f1f1f;--border-strong:#3a3a3a;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#737373;--text-inverse:#0b0b0b;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 24px 48px #0000008c;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--nav-height:52px;--sidebar-width:220px;--prompt-width:360px;--transition:.16s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,textarea{font-family:inherit}button{cursor:pointer}a{color:inherit}::selection{color:var(--text-primary);background:#ffffff29}:focus-visible{outline-offset:2px;outline:1px solid #fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2e2e2e padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#404040 padding-box padding-box;border:2px solid #0000}.ds-page{background:var(--bg-base);min-height:100%}.ds-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.ds-surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.ds-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:block}.ds-muted{color:var(--text-secondary)}.ds-dim{color:var(--text-muted)}.ds-mono{font-family:var(--font-mono)}.btn{border-radius:var(--radius-md);transition:background-color var(--transition), border-color var(--transition), color var(--transition), transform var(--transition), opacity var(--transition), box-shadow var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:var(--text-inverse);background:#fff;border-color:#fff}.btn-primary:hover:not(:disabled){background:#e8e8e8;border-color:#e8e8e8}.btn-secondary{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:#525252}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000;padding:.5rem}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-block{width:100%}.btn-lg{height:44px;padding:0 1rem;font-size:.875rem}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .65rem;font-size:.75rem}.field{background:var(--bg-base);width:100%;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);outline:none;padding:.65rem .85rem;font-size:.875rem}.field::placeholder{color:var(--text-muted)}.field:hover:not(:disabled){border-color:var(--border-strong)}.field:focus{border-color:#fff;box-shadow:0 0 0 1px #fff}.field-with-icon{padding-left:2.5rem}.field-textarea{resize:none;line-height:1.55;font-family:var(--font-mono);font-size:.8125rem}.badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-solid{color:var(--text-inverse);background:#fff;border-color:#fff}.badge-outline{background:0 0}.badge-soft{color:var(--text-primary);border-color:var(--border-strong);background:#ffffff0f}.badge-category-well-scoped{color:#fff;background:#ffffff1a;border-color:#525252}.badge-category-underspecified{color:#a3a3a3;background:#ffffff0a;border-color:#3a3a3a}.badge-category-vague{color:#737373;background:0 0;border-color:#2a2a2a}.overlay{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000000b8;animation:.16s ease-out fadeIn;display:flex;position:fixed;inset:0}.overlay-center{justify-content:center;align-items:center;padding:1rem}.overlay-end{justify-content:flex-end}.modal-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden}.drawer-panel{background:var(--bg-elevated);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:440px;height:100%;animation:.22s cubic-bezier(.16,1,.3,1) slideInRight;display:flex}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 0%, var(--bg-hover) 50%, var(--bg-surface) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.animate-fade-in{animation:.2s ease-out fadeIn}.animate-slide-up{animation:.24s cubic-bezier(.16,1,.3,1) slideUp}.animate-spin{animation:.8s linear infinite spin}.animate-pulse{animation:1.6s ease-in-out infinite pulse}.app-shell{background:var(--bg-base);flex-direction:column;height:100%;display:flex}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 1rem;display:flex}.panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;display:flex}pre[class*=language-]{font-family:var(--font-mono)!important;text-shadow:none!important;background:#0b0b0b!important;border-radius:0!important;margin:0!important;padding:1.25rem 1.5rem!important;font-size:.8125rem!important;line-height:1.65!important}code[class*=language-],pre[class*=language-]{color:#e5e5e5!important;text-shadow:none!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#737373!important}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#d4d4d4!important}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#f5f5f5!important}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a3a3a3!important;background:0 0!important}.token.atrule,.token.attr-value,.token.keyword{font-weight:500;color:#fff!important}.token.function,.token.class-name{color:#e5e5e5!important}.token.regex,.token.important,.token.variable{color:#d4d4d4!important}@media (width<=1100px){:root{--prompt-width:320px;--sidebar-width:200px}}@media (width<=900px){.sidebar-desktop{display:none!important}.prompt-panel{border-top:1px solid var(--border);border-left:none!important;width:100%!important;min-width:0!important;max-width:none!important}.app-body{flex-direction:column}.center-panel{min-height:45%}.prompt-panel{min-height:40%}}@media (width<=640px){.hide-mobile,.nav-brand-sub{display:none!important}.drawer-panel{max-width:100%}.modal-panel{border-radius:var(--radius-lg);max-height:95vh}}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
