:root{--primary: #4f46e5;--bg: #f8fafc;--card: #ffffff;--text: #1e293b}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);margin:0;display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem}header{margin-bottom:2rem}main{width:100%;max-width:600px;display:flex;flex-direction:column;gap:2rem}#input-area{display:flex;flex-direction:column;gap:1rem}textarea{width:100%;height:120px;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;resize:vertical;transition:border-color .2s}textarea:focus{outline:none;border-color:var(--primary)}#qr-display{display:flex;justify-content:center;padding:2rem;background:var(--card);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}#qr-canvas{max-width:100%;height:auto}button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}button:hover{opacity:.9}