.qr-tool-shell{--qr-bg:#030508;--qr-panel:#0d1117b8;--qr-panel-strong:#111827db;--qr-text:#f0f4ff;--qr-muted:#8b95a8;--qr-soft:#4b5563;--qr-line:#ffffff17;--qr-line-strong:#ffffff29;--qr-field:#ffffff0b;--qr-cyan:#00d4ff;--qr-blue:#4f7cff;--qr-green:#10d978;--qr-warning:#f59e0b;--qr-danger:#ef4444;color:var(--qr-text);min-height:100vh;padding:140px 0 80px}.qr-tool-shell.light{--qr-bg:#f6f8fb;--qr-panel:#ffffffe0;--qr-panel-strong:#fffffff5;--qr-text:#101827;--qr-muted:#536070;--qr-soft:#6b7280;--qr-line:#0f172a1a;--qr-line-strong:#0f172a29;--qr-field:#0f172a0b}.qr-tool-head,.qr-workspace,.qr-related,.qr-info-band{max-width:1200px;margin:0 auto;padding:0 2rem}.qr-tool-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.qr-kicker{color:var(--qr-cyan);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem;font-size:12px;font-weight:700;display:inline-flex}.qr-tool-head h1{font-family:var(--header);letter-spacing:-.03em;margin:0;font-size:clamp(2.3rem,5vw,4.6rem);line-height:.98}.qr-tool-head p,.qr-panel-title p,.qr-privacy-note p,.qr-info-card p,.qr-related p{color:var(--qr-muted);line-height:1.7}.qr-tool-head p{max-width:650px;margin-top:1rem;font-size:1.05rem}.qr-head-actions,.qr-logo-row,.qr-action-grid,.qr-format-row,.qr-recent-list{flex-wrap:wrap;gap:.85rem .75rem;display:flex}.qr-head-actions{justify-content:flex-end}.qr-workspace{grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);align-items:start;gap:1.25rem;display:grid}.qr-panel{border:1px solid var(--qr-line);background:var(--qr-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;box-shadow:0 22px 70px #00000047}.qr-input-panel{padding:clamp(1rem,3vw,1.4rem)}.qr-preview-panel{padding:1rem}.qr-preview-sticky{position:sticky;top:112px}.qr-panel-title,.qr-preview-top,.qr-challenge-head{align-items:center;gap:.9rem;display:flex}.qr-panel-title{margin-bottom:1rem}.qr-design-title{margin-top:1.6rem}.qr-panel-title>span{color:#fff;background:linear-gradient(135deg, var(--qr-cyan), var(--qr-blue));border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.qr-panel-title h2,.qr-preview-top h2,.qr-recent h3,.qr-info-card h2,.qr-related h2{font-family:var(--header);margin:0;line-height:1.1}.qr-panel-title h2,.qr-preview-top h2{font-size:1.2rem}.qr-panel-title p,.qr-preview-top p{margin:.2rem 0 0;font-size:.92rem}.qr-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-bottom:1rem;display:grid}.qr-type-button,.qr-format-button,.qr-soft-button,.qr-icon-button,.qr-primary-button,.qr-upload-control,.qr-recent-list button{border:1px solid var(--qr-line);color:var(--qr-text);background:var(--qr-field);font-family:var(--body);cursor:pointer;font-weight:700;transition:transform .2s,border-color .2s,background .2s}.qr-type-button{border-radius:10px;min-height:42px;padding:.65rem .75rem;font-size:.82rem}.qr-type-button:hover,.qr-format-button:hover,.qr-soft-button:hover,.qr-icon-button:hover,.qr-upload-control:hover,.qr-recent-list button:hover{border-color:var(--qr-line-strong);transform:translateY(-1px)}.qr-type-button.active{color:#fff;background:#00d4ff21;border-color:#00d4ff52}.qr-form-grid,.qr-control-grid{grid-template-columns:1fr;gap:.8rem;display:grid}.qr-form-grid.two,.qr-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-control-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-field{gap:.45rem;min-width:0;display:grid}.qr-field>span,.qr-range-control>span{color:var(--qr-muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:flex}.qr-range-control strong{color:var(--qr-text);font-size:.76rem}.qr-field input,.qr-field textarea,.qr-field select{border:1px solid var(--qr-line);background:var(--qr-field);width:100%;min-height:43px;color:var(--qr-text);font-family:var(--body);border-radius:10px;outline:none;padding:.72rem .8rem;font-size:.95rem;transition:border-color .2s,background .2s,box-shadow .2s}.qr-field textarea{resize:vertical;min-height:112px}.qr-field input:focus,.qr-field textarea:focus,.qr-field select:focus,.qr-check-row:focus-within{border-color:#00d4ff73;box-shadow:0 0 0 3px #00d4ff1f}.qr-field select option{color:#111827}.qr-color-control>div{grid-template-columns:52px 1fr;gap:.5rem;display:grid}.qr-color-control input[type=color]{padding:.25rem}.qr-check-row{min-height:43px;color:var(--qr-muted);border:1px solid var(--qr-line);background:var(--qr-field);border-radius:10px;align-items:center;gap:.6rem;padding:.65rem .75rem;font-size:.88rem;font-weight:700;display:flex}.qr-check-row input{width:17px;height:17px;accent-color:var(--qr-blue)}.qr-range-control input[type=range]{min-height:36px;accent-color:var(--qr-cyan);padding:0}.qr-logo-row{align-items:center;margin:1rem 0 .8rem}.qr-upload-control,.qr-soft-button,.qr-primary-button,.qr-icon-button,.qr-format-button{border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:.7rem 1rem;font-size:.86rem;display:inline-flex}.qr-upload-control input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.qr-icon-button{width:42px;padding:0}.qr-primary-button{color:#fff;background:linear-gradient(135deg, var(--qr-cyan), var(--qr-blue), #7c3aed);border-color:#0000;flex:190px}.qr-primary-button:disabled,.qr-soft-button:disabled,.qr-format-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.qr-preview-top{justify-content:space-between;margin-bottom:1rem}.qr-rendering{color:var(--qr-muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.qr-rendering svg,.qr-primary-button svg:first-child{animation:1s linear infinite qr-spin}.qr-canvas-wrap{border:1px solid var(--qr-line);background:linear-gradient(45deg, #ffffff0e 25%, transparent 25%), linear-gradient(-45deg, #ffffff0e 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ffffff0e 75%), linear-gradient(-45deg, transparent 75%, #ffffff0e 75%), var(--qr-panel-strong);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;border-radius:14px;place-items:center;min-height:360px;display:grid;overflow:hidden}.qr-tool-shell.light .qr-canvas-wrap{background:linear-gradient(45deg, #0f172a0d 25%, transparent 25%), linear-gradient(-45deg, #0f172a0d 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #0f172a0d 75%), linear-gradient(-45deg, transparent 75%, #0f172a0d 75%), var(--qr-panel-strong);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px}.qr-canvas-wrap canvas{image-rendering:auto;background:0 0;width:min(82vw,320px);height:min(82vw,320px)}.qr-empty-preview{color:var(--qr-muted);text-align:center;place-items:center;gap:.5rem;font-weight:700;display:grid}.qr-message{border:1px solid var(--qr-line);border-radius:10px;align-items:flex-start;gap:.55rem;margin-top:.75rem;padding:.75rem .8rem;font-size:.86rem;line-height:1.45;display:flex}.qr-message.success{color:var(--qr-green);background:#10d97814;border-color:#10d9782e}.qr-message.warning{color:var(--qr-warning);background:#f59e0b14;border-color:#f59e0b33}.qr-message.error{color:#fca5a5;background:#ef444417;border-color:#ef444438}.qr-action-grid{margin-top:1.15rem}.qr-format-row{margin-top:.95rem}.qr-format-button{flex:1;min-width:64px}.qr-privacy-note,.qr-challenge{border:1px solid var(--qr-line);background:var(--qr-field);border-radius:12px;gap:.7rem;margin-top:1rem;padding:.85rem;display:flex}.qr-privacy-note p,.qr-challenge p{margin:0;font-size:.82rem}.qr-challenge{display:grid}.qr-challenge small{color:var(--qr-soft)}.qr-turnstile{min-height:66px}.qr-recent{margin-top:1rem}.qr-recent h3{margin-bottom:.65rem;font-size:.95rem}.qr-recent-list button{min-height:38px;color:var(--qr-muted);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .75rem;display:inline-flex}.qr-recent-list span{border:1px solid var(--qr-line-strong);border-radius:999px;width:14px;height:14px}.qr-info-band{margin-top:1.25rem}.qr-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.qr-info-card,.qr-related-card{border:1px solid var(--qr-line);background:var(--qr-panel);border-radius:14px;padding:1.2rem}.qr-info-card h2,.qr-related h2{margin-bottom:.6rem;font-size:1.15rem}.qr-info-card ul{gap:.5rem;margin-top:.8rem;list-style:none;display:grid}.qr-info-card li{color:var(--qr-muted);padding-left:1rem;font-size:.9rem;line-height:1.55;position:relative}.qr-info-card li:before{content:"";background:var(--qr-cyan);border-radius:999px;width:5px;height:5px;position:absolute;top:.56rem;left:0}.qr-info-card .qr-format-row{row-gap:.75rem;margin:1rem 0 1.1rem}.qr-info-card .qr-soft-button{width:fit-content;display:flex}.qr-related{margin-top:1.25rem}.qr-related-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.qr-related-card p{max-width:620px;margin:.35rem 0 0}@keyframes qr-spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.qr-workspace,.qr-info-grid,.qr-related-card{grid-template-columns:1fr}.qr-preview-sticky{position:static}}@media (max-width:760px){.qr-tool-shell{padding-top:120px}.qr-tool-head,.qr-workspace,.qr-related,.qr-info-band{padding:0 1rem}.qr-tool-head,.qr-form-grid.two,.qr-control-grid,.qr-control-grid.three{grid-template-columns:1fr}.qr-head-actions{justify-content:flex-start}.qr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-canvas-wrap{min-height:300px}.qr-action-grid .qr-soft-button,.qr-primary-button,.qr-related-card .qr-soft-button{width:100%}}