.qr-studio-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 22px;padding:4px 2px}.qr-studio-head h3{margin:6px 0;color:#173858;font:800 26px/1.2 Manrope,sans-serif}.qr-studio-head p{margin:7px 0;color:#63768a}.qr-studio-kicker{color:#0588c7;font-size:10px;font-weight:900;letter-spacing:.14em}.qr-studio-head-actions{display:flex;gap:8px;flex-wrap:wrap}.qr-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qr-type-tile{position:relative;display:flex;align-items:center;gap:13px;min-height:84px;padding:17px 18px;border:1px solid #d8e1e9;border-radius:16px;background:#fff;color:#213c59;text-align:left;font:600 15px Manrope,sans-serif;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.qr-type-tile:hover,.qr-type-tile:focus-visible{transform:translateY(-2px);border-color:#118ac4;box-shadow:0 9px 24px #087eb81b;outline:0}.qr-type-tile>i{font-size:22px;color:#43536b;flex:none}.qr-type-tile>span{flex:1}.qr-type-tile>b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eef8fd;color:#008def;font-size:18px;font-weight:500}.qr-type-tile.qr-type-featured{grid-column:span 2}.qr-type-tile.qr-type-featured>i{color:#008def}.qr-type-grid:after{content:"";grid-column:span 1}.qr-studio-tabs{display:flex;align-items:center;gap:8px;overflow:auto;padding:5px 0 14px;margin:0 0 10px}.qr-studio-tabs button{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 14px;border:1px solid transparent;border-radius:8px;background:#f5f7fa;color:#34465c;font-weight:700;cursor:pointer}.qr-studio-tabs button.active{background:#e9f5fc;color:#007db8;border-color:#c6e5f5}.qr-studio-tabs .qr-more-types{margin-left:auto}.qr-data-card{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;padding:28px;border:1px solid #e1e6eb;border-radius:18px;background:#fff}.qr-studio-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qr-studio-field{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;color:#30445c;font-size:13px;font-weight:700}.qr-studio-field input,.qr-studio-field select,.qr-studio-field textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #d5dfe7;border-radius:9px;background:#fff;color:#132d49;font:500 15px Manrope,sans-serif}.qr-studio-field input:focus,.qr-studio-field select:focus,.qr-studio-field textarea:focus{outline:0;border-color:#158bc3;box-shadow:0 0 0 3px #008def18}.qr-studio-field span{color:#8090a0;font-weight:500}.qr-studio-field:has(textarea),.qr-studio-name{grid-column:1/-1}.qr-studio-check{display:flex;align-items:center;gap:9px;color:#34465c;font-size:13px;font-weight:700}.qr-studio-check input{width:18px;height:18px;accent-color:#008def}.qr-form-note{display:flex;align-items:center;gap:9px;margin:10px 0 18px;padding:12px 14px;border-radius:10px;background:#f0f8fc;color:#607387;font-size:12px;line-height:1.5}.qr-form-note i{color:#008bca;font-size:18px}.qr-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.qr-step-actions button{min-height:48px}.qr-studio-side-note{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border-radius:15px;background:linear-gradient(160deg,#f2f9fd,#fffaf0);text-align:center}.qr-side-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;color:#078bc7;box-shadow:0 8px 25px #0b4d7020;font-size:30px}.qr-studio-side-note h4{margin:16px 0 4px;color:#173858;font-size:17px}.qr-studio-side-note p{margin:0;color:#6b7d8e;font-size:12px;line-height:1.6}.qr-side-brand{display:flex;align-items:center;gap:8px;margin-top:26px;color:#123b65;font-size:10px;font-weight:900;letter-spacing:.09em}.qr-side-brand img{width:36px;height:36px;object-fit:contain}.qr-custom-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;align-items:start}.qr-custom-controls,.qr-preview-panel{padding:24px;border:1px solid #e1e6eb;border-radius:17px;background:white}.qr-design-modes,.qr-design-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.qr-design-modes button,.qr-design-tabs button{display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid #dce4eb;border-radius:10px;background:#fff;color:#314960;font-weight:700;cursor:pointer}.qr-design-modes button.active,.qr-design-tabs button.active{border-color:#008def;background:#eaf6fc;color:#007eb9}.qr-design-modes .qr-logo-mode{border-color:#e1bdf0;background:#fbf3ff;color:#8e27ad}.qr-custom-controls h4{margin:8px 0 13px;color:#203d5c;font-size:17px}.qr-color-picks{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0 22px}.qr-color-picks label{display:flex;align-items:center;gap:8px;margin-right:12px;color:#53677b;font-size:12px;font-weight:700}.qr-color-picks input{width:42px;height:38px;padding:3px;border:1px solid #d8e2e9;border-radius:8px;background:#fff;cursor:pointer}.qr-color-picks button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dce4eb;border-radius:8px;background:#fff;color:#41566a;font-size:11px;font-weight:700;cursor:pointer}.qr-color-picks button i{width:15px;height:15px;border-radius:50%;border:1px solid #d5dce2}.qr-logo-settings{margin:3px 0 22px;padding:14px;border-radius:10px;background:#f7f9fb}.qr-logo-settings p{margin:7px 0 0 27px;color:#768699;font-size:11px}.qr-custom-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-save-button{width:100%;min-height:54px;margin-top:8px;font-size:15px}.qr-save-status{min-height:20px;color:#b42318;font-size:12px}.qr-preview-panel{position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 12px 35px #143c5810}.qr-preview-brand{display:flex;align-items:center;gap:8px;align-self:flex-start;color:#1683b7;font-size:10px;font-weight:900;letter-spacing:.13em}.qr-preview-brand img{width:34px;height:34px;object-fit:contain}.qr-preview-panel>img{width:min(100%,330px);aspect-ratio:1;margin:10px auto 14px;object-fit:contain}.qr-preview-success{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px;border-radius:8px;background:#eaf8ed;color:#198246;font-size:12px;font-weight:700}.qr-preview-panel h4{margin:16px 0 3px;color:#183856;font-size:18px}.qr-preview-panel>p{margin:0;color:#6d7e8f;font-size:12px}.qr-preview-target{max-width:100%;margin-top:12px;color:#8593a1;font-size:10px;overflow-wrap:anywhere}.qr-save-status[role=status]:not(:empty){padding:8px 0}.qr-card{box-shadow:0 8px 24px #234a6310}.qr-card>img{border-radius:10px;background:#fff}.qr-card .pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eaf6fc;color:#087eb8;font-size:11px;font-weight:700}
@media(max-width:1000px){.qr-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-custom-layout{grid-template-columns:1fr}.qr-preview-panel{position:static;grid-row:1}.qr-preview-panel>img{width:min(100%,280px)}}
@media(max-width:700px){.qr-studio-head{align-items:flex-start;flex-direction:column}.qr-studio-head h3{font-size:22px}.qr-studio-head-actions{width:100%}.qr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.qr-type-tile{min-height:72px;padding:12px;font-size:12px;gap:9px}.qr-type-tile>i{font-size:19px}.qr-type-tile>b{width:25px;height:25px}.qr-type-tile.qr-type-featured{grid-column:span 2}.qr-data-card{grid-template-columns:1fr;padding:18px;gap:12px}.qr-studio-inputs{grid-template-columns:1fr}.qr-studio-field:has(textarea),.qr-studio-name{grid-column:auto}.qr-studio-side-note{display:none}.qr-step-actions{flex-direction:column-reverse}.qr-step-actions button{width:100%}.qr-custom-controls,.qr-preview-panel{padding:17px}.qr-design-modes button,.qr-design-tabs button{padding:10px;font-size:11px}.qr-custom-bottom{grid-template-columns:1fr}.qr-preview-panel{grid-row:1}}
@media(prefers-reduced-motion:reduce){.qr-type-tile{transition:none}}
.qr-shape-choices{display:flex;gap:9px;margin:-8px 0 18px}.qr-shape-choices button{padding:9px 12px;border:1px solid #dce4eb;border-radius:8px;background:#fff;color:#41566a;font-size:12px;font-weight:700;cursor:pointer}.qr-shape-choices button.active{border-color:#008def;background:#eaf6fc;color:#007eb9}