.header-actions{display:flex;align-items:center;gap:19px}.header-actions>a{font-size:12px;font-weight:700;color:var(--muted)}.header-actions>a:hover{color:var(--accent)}.qr-main{padding-bottom:60px}.qr-intro{padding:48px 0 27px}.qr-intro h1{font-size:clamp(34px,4vw,45px);letter-spacing:-.055em;margin:11px 0 0}.qr-workspace{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings,.preview-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:27px}.panel-head{margin-bottom:22px}.step{font-size:11px;letter-spacing:.15em;color:var(--accent);font-weight:800}.panel-head h2{font-size:21px;letter-spacing:-.04em;margin:8px 0 0}.field{display:grid;gap:8px;margin-top:18px;color:var(--text);font-size:12px;font-weight:700}.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:12px;color:var(--text);font:inherit;font-weight:400;outline-color:var(--accent)}.field textarea{min-height:115px;resize:vertical;line-height:1.6}.field-row{display:flex;gap:14px}.field-row .field{flex:1}.field input[type=color]{width:100%;height:43px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--bg);cursor:pointer}.check-field{display:flex;align-items:center;gap:8px;margin-top:19px;color:var(--text);font-size:12px;font-weight:700}.check-field input{accent-color:var(--accent);width:16px;height:16px}.size-field{max-width:220px}.generate-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:26px;padding:14px 16px;border:0;border-radius:8px;background:var(--button);color:var(--button-text);font-size:12px;font-weight:800;cursor:pointer}.generate-button:hover{filter:brightness(1.1)}.preview-stage{min-height:300px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background-color:var(--surface-soft);background-image:linear-gradient(45deg,var(--line) 25%,transparent 25%),linear-gradient(-45deg,var(--line) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--line) 75%),linear-gradient(-45deg,transparent 75%,var(--line) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-stage canvas{display:block;width:min(245px,75%);height:auto;box-shadow:0 12px 30px var(--shadow)}.status{min-height:20px;margin:15px 0;color:var(--accent);font-size:11px}.status.error{color:var(--error)}.download-row{display:flex;gap:10px}.download-row button{flex:1;padding:12px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800;cursor:pointer}.download-row button:hover:not(:disabled){filter:brightness(.95)}.download-row button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:750px){.qr-intro{padding-top:36px}.qr-workspace{grid-template-columns:1fr}.settings,.preview-panel{padding:23px}.preview-stage{min-height:270px}}@media(max-width:420px){.header-actions{gap:9px}.header-actions>a{display:none}.download-row{flex-direction:column}}
/* Compact tool layout */
.qr-main{padding-bottom:32px}.qr-intro{padding:28px 0 18px}.settings,.preview-panel{padding:22px}.panel-head{margin-bottom:16px}.field{margin-top:14px}.field textarea{min-height:92px}.preview-stage{min-height:230px}.preview-stage canvas{width:min(205px,70%)}.generate-button{margin-top:20px}@media(max-width:750px){.qr-intro{padding-top:24px}.preview-stage{min-height:210px}}