:root{--page-bg:#f5f6f8;--surface:#fff;--preview-bg:#f0f3f7;--input-bg:#fbfcfd;--border:#dce1e8;--input-border:#c9d0da;--text:#20242c;--text-strong:#101217;--text-muted:#6f7785;--accent:#2563eb;--focus-ring:#2563eb24;--warning:#a43f12;--shadow:0 24px 70px #1419211a;letter-spacing:0;color:var(--text);background:var(--page-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100svh}.app-shell{background:linear-gradient(180deg, #ffffffd9, #fff0), var(--page-bg);box-sizing:border-box;place-items:center;min-height:100svh;padding:clamp(20px,5vw,56px);display:grid}.tool{background:var(--surface);border:1px solid var(--border);width:min(100%,1040px);min-height:min(680px,100svh - 112px);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);display:grid;overflow:hidden}.input-panel{border-right:1px solid var(--border);flex-direction:column;gap:12px;min-width:0;padding:clamp(24px,4vw,48px);display:flex}.field-label{color:var(--text-strong);font-size:.9rem;font-weight:650;line-height:1}.text-input{box-sizing:border-box;resize:vertical;border:1px solid var(--input-border);background:var(--input-bg);width:100%;min-height:360px;color:var(--text);font:inherit;border-radius:8px;outline:none;flex:1;padding:16px;line-height:1.5;transition:border-color .16s,box-shadow .16s,background-color .16s}.text-input::placeholder{color:var(--text-muted)}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring);background:var(--surface)}.preview-panel{background:var(--preview-bg);place-items:center;min-width:0;padding:clamp(24px,5vw,56px);display:grid}.preview-surface{aspect-ratio:1;box-sizing:border-box;border:1px solid var(--border);background:#fff;border-radius:8px;place-items:center;width:min(100%,430px);padding:clamp(18px,4vw,30px);display:grid}.qr-code{place-items:center;width:100%;height:100%;display:grid}.qr-code svg{width:100%;height:100%;display:block}.preview-message{color:var(--text-muted);text-align:center;margin:0;font-size:.95rem}.preview-message.warning{max-width:260px;color:var(--warning)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.app-shell{align-items:stretch;padding:16px}.tool{grid-template-columns:1fr;min-height:auto}.input-panel{border-right:0;border-bottom:1px solid var(--border)}.text-input{min-height:220px}.preview-panel{padding:24px}.preview-surface{width:min(100%,360px)}}