:root{--bg:#f3ede2;--surface:#fffaf0;--ink:#17212b;--ink-soft:#4d5966;--line:#d6c6aa;--accent:#005f73;--accent-2:#ca6702;--error:#b42318}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 20% 0%, #ffe8b6 0%, transparent 34%), radial-gradient(circle at 100% 100%, #c8e8ef 0%, transparent 30%), var(--bg);min-height:100vh;margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif}#app{min-height:100vh;padding:24px}.page{grid-template-columns:1.25fr .95fr;gap:20px;max-width:1100px;margin:0 auto;display:grid}.panel,.result-card{background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 18px 40px #38280c14}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0;font-size:12px;font-weight:700}h1{margin:8px 0 10px;font-family:Rockwell,Avenir Next,serif;font-size:clamp(1.8rem,2vw + 1rem,2.8rem);line-height:1.1}.subtitle{color:var(--ink-soft);margin:0 0 18px;font-size:.95rem}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{color:var(--ink-soft);gap:6px;font-size:.85rem;font-weight:700;display:grid}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px}button{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(110deg, var(--accent) 0%, var(--accent-2) 100%);cursor:pointer;border:none;border-radius:12px;grid-column:1/-1;padding:12px 16px;font-weight:800;transition:transform .15s,filter .15s}button:hover:enabled{filter:brightness(1.06);transform:translateY(-1px)}button:disabled{opacity:.7;cursor:wait}.status{margin:14px 0 0;font-weight:700}.error{color:var(--error);margin-top:8px;font-weight:700}h2{margin-top:0;font-family:Rockwell,serif}.qr-box{border:1px dashed var(--line);background:#f8f4eb;border-radius:14px;place-items:center;padding:14px;display:grid}.qr-box img{width:min(100%,280px);height:auto}.placeholder{color:var(--ink-soft);margin-top:0}.meta{margin-top:14px}.khqr-card{background:#efefef;border:1px solid #d5d5d5;border-radius:10px;overflow:hidden}.khqr-card-header{color:#fff;background:#ef1017;place-items:center;height:112px;display:grid;position:relative}.khqr-card-header p{letter-spacing:.04em;margin:0;font-family:Trebuchet MS,Avenir Next,sans-serif;font-size:3rem;font-weight:700}.khqr-card-corner{border-top:58px solid #0000;border-left:58px solid #efefef;width:0;height:0;position:absolute;bottom:-1px;right:0}.khqr-card-body{padding:24px 22px 26px}.khqr-company{color:#111;margin:0;font-size:1.15rem}.khqr-amount-row{align-items:baseline;gap:14px;margin:8px 0 18px;display:flex}.khqr-amount-row strong{letter-spacing:.01em;font-size:clamp(2rem,4vw,4rem);line-height:1}.khqr-amount-row span{color:#111;font-size:clamp(1.3rem,2vw,2.2rem)}.khqr-divider{border-top:2px dashed #bdbdbd;margin-bottom:26px}.khqr-card .qr-box{background:0 0;border:none;border-radius:0;padding:0}.khqr-card .qr-box img{width:min(100%,540px)}textarea{resize:vertical;min-height:160px;font-family:Courier New,monospace;font-size:12px}@media (width<=900px){#app{padding:14px}.page,.form-grid{grid-template-columns:1fr}}