*{box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh}#root{min-height:100vh}textarea,button{font-family:inherit}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.header{text-align:center;color:#fff;margin-bottom:2rem}.header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.header p{font-size:1.1rem;opacity:.9}.container{max-width:1400px;margin:0 auto}.section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.section h2{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.5rem}.basic-prompt-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .3s}.basic-prompt-input:focus{outline:none;border-color:#667eea}.risk-panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem}.risk-panel{background:#f8f9fa;border-radius:8px;padding:1.5rem;border:2px solid #e9ecef;transition:all .3s}.risk-panel:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.risk-panel h3{color:#667eea;margin-top:0;margin-bottom:.5rem;font-size:1.1rem}.panel-description{color:#666;font-size:.9rem;margin-bottom:1rem;line-height:1.4}.risk-panel textarea{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .3s}.risk-panel textarea:focus{outline:none;border-color:#667eea}.vibe-coding-panel{background:linear-gradient(135deg,#fff5f5,#ffe5ff);border:2px solid #d946ef}.vibe-coding-panel:hover{border-color:#c026d3;box-shadow:0 2px 12px #d946ef33}.vibe-coding-panel h3{color:#c026d3}.zero-trust-panel{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9}.zero-trust-panel:hover{border-color:#0284c7;box-shadow:0 2px 12px #0ea5e940}.zero-trust-panel h3{color:#0284c7}.zero-trust-panel .strategies-section{border-color:#bae6fd}.zero-trust-panel .strategies-title{color:#0284c7}.zero-trust-panel .strategy-checkbox:hover{background:#f0f9ff}.zero-trust-panel .strategy-checkbox span{color:#075985}.zero-trust-panel .strategy-checkbox input[type=checkbox]:checked+span{color:#0284c7}.zero-trust-panel .strategy-checkbox input[type=checkbox]{accent-color:#0ea5e9}.zero-trust-panel textarea[readonly]{background:#f0f9ff;color:#075985}.strategies-section{background:#fff;border:2px solid #e9d5ff;border-radius:8px;padding:1rem;margin:1rem 0}.strategies-title{font-weight:600;color:#a855f7;margin:0 0 1rem;font-size:1rem}.strategies-checkboxes{display:flex;flex-direction:column;gap:.75rem}.strategy-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.strategy-checkbox:hover{background:#faf5ff}.strategy-checkbox input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer;accent-color:#c026d3;flex-shrink:0}.strategy-checkbox span{color:#6b21a8;line-height:1.5;font-size:.95rem}.strategy-checkbox input[type=checkbox]:checked+span{font-weight:600;color:#a855f7}.vibe-coding-panel textarea[readonly]{background:#faf5ff;cursor:default;color:#6b21a8;font-family:Courier New,monospace;font-size:.9rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.enhance-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.enhance-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.enhance-button:active{transform:translateY(0)}.copy-button{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .3s}.copy-button:hover{background:#5568d3}.enhanced-prompt-output{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:1.5rem;min-height:200px}.enhanced-prompt-output pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;color:#333}.placeholder-text{color:#999;font-style:italic;text-align:center;margin:3rem 0}@media(max-width:768px){.app{padding:1rem}.header h1{font-size:2rem}.section{padding:1.5rem}.risk-panels-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.copy-button{width:100%}}