@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--foreground: 210 34% 13%;--card: 0 0% 100%;--card-foreground: 210 34% 13%;--popover: 0 0% 100%;--popover-foreground: 210 34% 13%;--primary: 204 80% 16%;--primary-foreground: 210 20% 98%;--secondary: 197 56% 58%;--secondary-foreground: 204 80% 16%;--muted: 210 20% 94%;--muted-foreground: 210 34% 40%;--accent: 42 71% 62%;--accent-foreground: 210 34% 13%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 20% 98%;--border: 210 20% 88%;--input: 210 20% 88%;--ring: 210 34% 13%;--radius: .75rem}}@layer base{body{@apply bg-kiblue text-black font-sans antialiased;}}.controls{display:flex;border:1px solid #ccc;border-top:0;padding:10px}.controls-right{margin-left:auto}.state{margin:10px 0;font-family:monospace}.state-title{color:#999;text-transform:uppercase}.hero-gradient{background:linear-gradient(125deg,#0a2543 70%,#12385f)}.feature-icon{@apply bg-kiblue border border-kicyan/30 text-kicyan rounded-lg p-4 w-16 h-16 flex items-center justify-center;}.editor-inner{min-height:300px;max-height:500px;overflow-y:auto;background-color:#123}.editor-input{padding:.5rem 1rem 1rem;min-height:300px}.read-inner{min-height:150px;overflow-y:auto}.read-input{min-height:150px}