.qr-workspace{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-width:0;display:grid;overflow:hidden}.qr-editor{min-width:0;min-height:0;padding:12px 20px}.qr-workspace h2{margin:0 0 10px;font-size:14px;font-weight:650;line-height:1.5}.qr-workspace :is(button,summary,select){cursor:pointer}.qr-workspace button:disabled{cursor:not-allowed;opacity:.45}.qr-type-row{align-items:center;gap:10px;display:flex}.qr-segments{border:1px solid var(--line);background:var(--stage);border-radius:6px;align-items:stretch;min-height:40px;padding:3px;display:flex}.qr-segments button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.qr-segments button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.qr-segments button:hover:not([aria-pressed=true]){background:var(--line);color:var(--ink)}.qr-types{flex:1}.qr-types button{padding-inline:6px}.qr-types svg{flex:none;width:16px;height:16px}.qr-content{margin:12px 0}.qr-field{flex-direction:column;gap:6px;min-width:0;display:flex}.qr-field>span:first-child,.qr-label{color:var(--muted);font-size:12px;font-weight:500;line-height:20px}.qr-field :is(input,textarea,select){border:1px solid var(--line);width:100%;min-width:0;height:40px;color:var(--ink);background:var(--surface);font:inherit;border-radius:6px;padding:9px 12px;font-size:13px}.qr-workspace .format-picker-trigger{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;height:40px;color:var(--ink);font:inherit;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.qr-workspace .format-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-workspace .format-picker-trigger:hover:not(:disabled),.qr-workspace .format-picker-trigger[aria-expanded=true]{background:var(--stage);border-color:var(--muted)}.qr-field textarea{resize:vertical;height:112px;min-height:80px;max-height:200px}.qr-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qr-check{color:var(--muted);align-self:center;align-items:center;gap:8px;font-size:12px;display:flex}.qr-check input{accent-color:var(--ink);width:16px;height:16px}.qr-password{min-width:0;position:relative}.qr-password input{padding-right:52px}.qr-password>button{height:30px;color:var(--muted);background:0 0;border:0;padding:0 5px;font-size:11px;position:absolute;bottom:5px;right:7px}.qr-appearance{border-top:1px solid var(--line);padding-top:14px}.qr-field .fill-color-trigger{border-color:var(--line);background:var(--surface);width:100%;height:40px;color:var(--ink);cursor:pointer}.qr-field .fill-color-trigger:hover{background:var(--stage)}.qr-field .fill-color-trigger svg{margin-left:auto}.qr-field .fill-color-chip{corner-shape:squircle;border-radius:6px;width:26px;height:26px}.qr-pattern-field{margin-top:12px}.qr-patterns{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.qr-patterns>button{border:1px solid var(--line);min-height:48px;color:var(--ink);background:var(--surface);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:11px;transition:background .15s,border-color .15s;display:flex}.qr-patterns>button svg,.qr-patterns>button img{flex:none;width:24px;height:24px}.qr-patterns>button[aria-pressed=true]{border-color:var(--ink);background:var(--stage)}.qr-patterns>button:hover{background:var(--stage)}.qr-patterns>.qr-logo-add{border-style:dashed}.qr-logo-add img{object-fit:contain}.qr-file-input{display:none}.qr-remove-logo{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;margin-top:4px;padding:6px 0;font-size:11px;display:flex}.qr-remove-logo svg{width:14px}.qr-preview{background:var(--stage);border-left:1px solid var(--line);flex-direction:column;align-items:center;min-width:0;min-height:0;padding:12px 16px;display:flex}.qr-artboard{background:radial-gradient(var(--dot) .7px,transparent .8px) 0 0/12px 12px;border-radius:6px;flex:1;place-items:start center;width:100%;min-height:0;display:grid;container-type:size}.qr-artboard>img{aspect-ratio:1;width:min(100cqw,100cqh);height:auto;display:block;box-shadow:0 3px 20px #00000008}.qr-empty{text-align:center;background:var(--stage);border-radius:8px;align-self:center;max-width:250px;padding:16px}.qr-empty svg{color:var(--accent);margin-bottom:18px}.qr-empty strong{font-size:13px;display:block}.qr-export{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px 16px;padding:12px 20px;display:grid}.qr-output-name{border-top:1px solid var(--line);grid-area:2/1/auto/4;align-items:center;gap:12px;min-width:0;padding-top:10px;display:flex}.qr-output-name>.qr-label{flex:none}.qr-output-name .shared-file-name{height:40px}.qr-export .shared-download-button{grid-area:2/4;height:40px;min-height:40px}.qr-feedback{color:var(--muted);grid-column:1/-1;min-height:18px;font-size:11px;line-height:1.5}.qr-feedback:empty{display:none}@media (width>=700px){.shared-site.qr-site{height:100dvh;min-height:600px}.qr-site .shared-layout{flex:1 1 0;grid-template-rows:minmax(0,1fr);align-items:stretch}.qr-site .shared-main{min-height:0}.qr-workspace{flex:1 1 0;grid-template-rows:minmax(min-content,1fr) auto;min-height:min-content}}@media (width>=700px) and (width<=1000px){.qr-editor{padding:12px}.qr-fields{gap:10px}.qr-types button{flex-direction:column;gap:3px}.qr-patterns>button{flex-direction:column;gap:4px}.qr-patterns{gap:5px}.qr-preview{padding:12px}}@media (width>=1200px){.qr-workspace[data-content-type=contact] .qr-content .qr-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qr-workspace[data-content-type=contact] .qr-content .qr-field>span{white-space:nowrap;font-size:11px}.qr-export{grid-template-columns:100px 110px 120px 120px minmax(90px,1fr) 150px;gap:12px}.qr-output-name{border-top:0;grid-area:1/5;padding-top:0;display:block}.qr-export .shared-download-button{grid-area:1/6}}@media (width>=700px) and (height<=850px){.qr-content{margin:8px 0}.qr-appearance{padding-top:8px}.qr-workspace h2{margin-bottom:6px}.qr-pattern-field{margin-top:8px}.qr-patterns>button{min-height:40px;padding-block:5px}.qr-fields{gap:8px}}@media (width<=699px){.qr-workspace{grid-template-rows:auto auto auto;grid-template-columns:1fr}.qr-preview{border-left:0;border-top:1px solid var(--line);height:300px}.qr-artboard{min-height:220px}.qr-export{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qr-editor,.qr-preview{padding:16px}.qr-output-name{grid-area:3/1/auto/-1}.qr-export .shared-download-button{grid-area:4/1/auto/-1}}@media (width<=420px){.qr-types button{flex-direction:column;gap:4px;font-size:11px}.qr-fields{grid-template-columns:1fr}.qr-patterns{gap:5px}.qr-editor,.qr-preview,.qr-export{padding:16px}.qr-patterns>button{flex-direction:column}}@media (prefers-reduced-motion:reduce){.qr-workspace button{transition:none}}.qr-site .background-control>span{display:none}.qr-size .resize-number{box-sizing:border-box;height:40px;margin-top:0}.qr-size .resize-number input{font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;flex:1;width:0;height:38px;padding:6px 8px;font-size:14px}.shared-site .qr-size .resize-number input:focus-visible{box-shadow:none;outline:none}.qr-size .resize-number>span{color:var(--muted);flex:none;font-size:12px}.qr-size .resize-number:has(input:disabled){opacity:.45}