.qr-studio .qr-tabs button,.qr-studio .qr-actions button,.qr-studio .qr-copy{display:inline-flex;align-items:center;justify-content:center;gap:7px}.qr-studio .qr-tabs .material-symbols-outlined,.qr-studio .qr-actions .material-symbols-outlined,.qr-studio .qr-copy .material-symbols-outlined{font-size:18px}.qr-studio .qr-option-label{display:flex;align-items:center;gap:7px}.qr-studio .qr-option-label .material-symbols-outlined{font-size:18px;color:#315cff}.qr-studio .qr-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:28px;align-items:start}.qr-studio .qr-panel[data-qr-panel=create],.qr-studio .qr-panel[data-qr-panel=design]{grid-column:1}.qr-studio .qr-panel[data-qr-panel=design]{grid-row:2;border-top:1px solid #e4e4e7;padding-top:24px}.qr-studio .qr-panel[data-qr-panel=preview]{grid-column:2;grid-row:1 / span 2;position:sticky;top:18px;border-left:1px solid #e4e4e7;padding-left:28px;display:block!important}.qr-studio .qr-preview-card{display:flex;flex-direction:column;gap:18px;align-items:stretch}.qr-studio .qr-canvas-wrap{max-width:100%;padding:18px}.qr-studio .qr-preview-meta{width:100%}.qr-studio .qr-actions{display:grid;grid-template-columns:1fr;gap:8px}.qr-studio .qr-type-grid{grid-template-columns:repeat(3,1fr)}.qr-studio .qr-panel[data-qr-panel=create],.qr-studio .qr-panel[data-qr-panel=design]{display:block!important}.qr-studio .qr-menu-note{padding:16px;border-radius:10px;background:#fff5df;border:1px solid #f0d49d}.qr-studio .qr-menu-note strong{font:700 14px Inter,sans-serif}.qr-studio .qr-menu-note p{margin-top:7px;color:#735414}.qr-studio .qr-studio__topbar h2{letter-spacing:-.02em}@media(max-width:900px){.qr-studio .qr-workspace{display:block}.qr-studio .qr-panel[data-qr-panel=create],.qr-studio .qr-panel[data-qr-panel=design],.qr-studio .qr-panel[data-qr-panel=preview]{display:none!important}.qr-studio .qr-panel[data-qr-panel=create]:not([hidden]),.qr-studio .qr-panel[data-qr-panel=design]:not([hidden]),.qr-studio .qr-panel[data-qr-panel=preview]:not([hidden]){display:block!important}.qr-studio .qr-panel[data-qr-panel=preview]{position:static;border-left:0;padding-left:0}.qr-studio .qr-type-grid{grid-template-columns:repeat(4,1fr)}}.qr-studio .qr-top-actions{display:flex;align-items:center;gap:10px}.qr-studio .qr-top-action{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #506078;border-radius:8px;background:transparent;color:#fff;font:600 12px Inter,sans-serif;cursor:pointer}.qr-studio .qr-top-action .material-symbols-outlined{font-size:17px}.qr-studio .qr-history{margin-top:22px;border-top:1px solid #e4e4e7;padding-top:16px}.qr-studio .qr-history h3{display:flex;align-items:center;gap:7px;font:700 13px Inter,sans-serif;margin:0 0 10px}.qr-studio .qr-history h3 .material-symbols-outlined{font-size:18px;color:#315cff}.qr-studio .qr-history p{font-size:12px}.qr-studio .qr-history-list{display:flex;flex-direction:column;gap:6px}.qr-studio .qr-history-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid #e4e4e7;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.qr-studio .qr-history-item .material-symbols-outlined{font-size:19px;color:#315cff}.qr-studio .qr-history-item span:last-child{display:flex;flex-direction:column;gap:2px}.qr-studio .qr-history-item small{color:#667085;font-size:11px}@media(max-width:600px){.qr-studio .qr-top-actions{align-items:flex-start;flex-direction:column}.qr-studio .qr-top-action{order:2}}.qr-studio .qr-full-page-button{display:inline-flex;align-items:center;gap:7px}.qr-studio.is-fullscreen{position:fixed;inset:0;z-index:1080;border-radius:0;overflow:auto;min-height:100vh}.qr-page-locked{overflow:hidden}.qr-studio .qr-panel[hidden]{display:none!important}.qr-studio .qr-panel:not([hidden]){display:block!important}.qr-studio .qr-panel[data-qr-panel=preview]{display:block!important}.qr-studio .qr-recents-panel{grid-column:1}.qr-studio .qr-recents-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:22px}.qr-studio .qr-recents-heading{display:flex;gap:12px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #e4e4e7}.qr-studio .qr-recents-heading>.material-symbols-outlined{font-size:22px;color:#315cff}.qr-studio .qr-recents-heading h3{margin:0;font:700 18px Plus Jakarta Sans,sans-serif}.qr-studio .qr-recents-heading p{margin:5px 0 0;color:#667085;font:400 13px Inter,sans-serif}.qr-studio .qr-recents-card>.qr-history-empty{margin:18px 0 0;color:#667085;font:400 13px Inter,sans-serif}.qr-studio .qr-recents-card>.qr-history-list{margin-top:14px}.fa,.fa-solid,.fa-brands{font-family:"Font Awesome 7 Free";font-weight:900}.qr-studio .material-symbols-outlined{font-family:"Font Awesome 7 Free";font-weight:900;font-size:17px}
