:root{--navy:#102653;--ink:#182b49;--blue:#1464f4;--mint:#087f73;--muted:#64748b;--line:#dfe7f1;--wash:#f5f7fb;--shopify:#006e52;--radius:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{color:var(--ink)}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy)}h1{font-size:30px;letter-spacing:-1.2px;line-height:1.2;margin:7px 0 8px}h2{font-size:28px;line-height:1.2;letter-spacing:-.9px;margin:8px 0 12px}h3{font-size:17px;letter-spacing:-.3px;margin:0 0 12px}p{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:10px;background:var(--navy);color:white}.skip-link:focus{top:10px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #82b3ff;outline-offset:3px}.app-header{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:24px;background:white;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand img{display:block;width:155px;height:45px;object-fit:cover}.product-mark{padding-left:24px;border-left:1px solid var(--line);font-size:13px;font-weight:750;color:var(--muted)}.header-right{display:flex;gap:26px;align-items:center;margin-left:auto}.store-link{font-size:12px;color:var(--muted);text-decoration:none}.button{border:1px solid transparent;border-radius:9px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:13px;font-weight:750;line-height:1.5;white-space:nowrap}.primary{background:var(--blue);color:white}.primary:hover{background:#0e50d3}.secondary{background:white;border-color:#d2ddea;color:var(--navy)}.secondary:hover{border-color:#7ca5e7}.button.small{font-size:12px;padding:8px 13px}.shopify{background:var(--shopify);color:white}.shopify:hover{background:#005740}.shopify-logo{width:24px;height:24px;object-fit:contain;padding:3px;background:white;border-radius:5px;flex-shrink:0}.text-button{border:0;padding:2px 0;background:none;color:var(--blue);font-weight:700;font-size:12px}.icon-button{border:1px solid var(--line);background:white;border-radius:8px;font-size:23px;line-height:1;width:34px;height:34px;color:var(--muted)}.intro{max-width:1288px;padding:34px 24px 28px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.intro p{margin:0;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:850;color:#648091}.app-tabs{position:sticky;top:0;z-index:15;display:flex;gap:10px;padding:0 max(24px,calc((100vw - 1240px)/2));background:white;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.app-tabs button{font-weight:700;color:var(--muted);border:0;border-bottom:3px solid transparent;background:none;padding:18px 16px 15px;display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap}.app-tabs button>span:first-child{font-size:20px;line-height:1;font-weight:500}.app-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);background:#f8fbff}.tab-count,.count-pill{display:inline-flex;align-items:center;justify-content:center;background:#edf2fb;border:1px solid #e0e8f5;border-radius:6px;font-size:11px;padding:1px 6px;font-weight:700;letter-spacing:0}.count-pill{vertical-align:middle;font-size:12px;margin-left:5px;padding:3px 9px}main{max-width:1288px;margin:auto;padding:28px 24px 60px;min-height:65vh}.view{animation:appear .15s ease}@keyframes appear{from{opacity:.5}to{opacity:1}}#notice:empty{display:none}#notice{padding:12px 16px;margin:0 0 22px;border-radius:10px;border:1px solid #c6dfdc;background:#edf9f6;color:#12675b;font-size:13px}#notice.error{border-color:#f4cfca;background:#fff4f1;color:#9b3829}.login-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border:1px solid #d3e1fa;background:#edf4ff;border-radius:12px;margin-bottom:24px}.login-banner strong{font-size:13px;color:var(--navy)}.login-banner p{font-size:12px;margin:3px 0 0}.overview-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.welcome-card{background:#eaf1ff;border:1px solid #d7e3fb;border-radius:var(--radius);padding:32px}.welcome-card h2{font-size:35px;line-height:1.12;letter-spacing:-1.2px;margin:14px 0 18px}.welcome-card h2 em{font-style:normal;color:var(--blue)}.welcome-card p{font-size:13px;max-width:440px;line-height:1.8}.welcome-card .button{margin-top:5px}.welcome-notes{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#516b8d;margin-top:24px}.design-showcase{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:var(--radius);background:white;border:1px solid var(--line);padding:28px 24px}.mini-label{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--muted)}.showcase-codes{display:flex;gap:14px;margin:24px 0 17px;width:100%;justify-content:center}.showcase-codes>div{width:30%;max-width:135px}.showcase-codes canvas{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 13px #10265308}.showcase-codes span{display:block;font-size:11px;font-weight:700;margin-top:9px}.design-showcase p{font-size:12px;margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.stat-card,.panel{background:white;border:1px solid var(--line);border-radius:var(--radius)}.stat-card{padding:20px 22px}.stat-card>span{font-size:9px;font-weight:850;letter-spacing:1.1px;color:var(--muted);display:block}.stat-card strong{display:block;color:var(--navy);font-size:29px;letter-spacing:-1px;margin:7px 0}.stat-card small{font-size:10px;color:var(--muted)}.usage-track{height:5px;border-radius:5px;background:#e7edf6;margin:9px 0}.usage-track span{display:block;background:var(--blue);height:5px;border-radius:5px;max-width:100%}.section-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:6px 0 25px}.section-title p{font-size:13px;margin:0}.section-title h2{margin-bottom:8px}#view-resumen>.section-title{margin:35px 0 20px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick-card{padding:24px;text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:white;display:flex;flex-direction:column;align-items:start;transition:border-color .15s,transform .15s}.quick-card:hover{border-color:#8db6f7;transform:translateY(-2px)}.quick-icon{display:inline-flex;width:40px;height:40px;border-radius:11px;align-items:center;justify-content:center;font-size:24px;background:#edf3ff;color:var(--blue);margin-bottom:15px}.quick-icon.mint{background:#e7f7f1;color:#168768}.quick-icon.violet{background:#f1edff;color:#7853b8}.quick-card strong{font-size:16px;color:var(--navy);margin-bottom:8px}.quick-card>span:not(.quick-icon){font-size:12px;color:var(--muted);font-weight:400}.quick-card b{font-size:11px;color:var(--blue);margin-top:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 24px;border-bottom:1px solid var(--line)}.panel-heading h3{margin:0}#recent-section{margin-top:26px}.recent-list{display:grid;grid-template-columns:repeat(4,1fr)}.recent-item{padding:20px 22px;display:flex;align-items:center;gap:13px}.recent-item+.recent-item{border-left:1px solid var(--line)}.recent-item canvas{width:50px;height:50px;border:1px solid var(--line);border-radius:6px;flex-shrink:0}.recent-item strong{font-size:12px;display:block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item span{font-size:10px;color:var(--muted)}.library-panel{overflow:hidden}.library-filters{display:flex;gap:14px;align-items:center;padding:20px 22px;flex-wrap:wrap}.search-box{flex:1;min-width:200px;display:flex;align-items:center;position:relative}.search-box>span{position:absolute;left:12px;font-size:23px;color:#7d8ca2;line-height:1}.search-box input{padding-left:37px}.filter-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);font-weight:650}.filter-label select{width:180px;font-size:12px}.selection-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:13px 22px;background:#edf4ff;border-top:1px solid #d9e7fb}.selection-toolbar strong{font-size:12px;margin-right:8px}.table-scroll{overflow-x:auto}.qr-table,.csv-table{border-collapse:collapse;width:100%;text-align:left}.qr-table th{font-size:10px;letter-spacing:.4px;font-weight:750;color:#6b7c91;padding:12px 16px;background:#f8fafc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.qr-table td{padding:17px 16px;border-bottom:1px solid #edf1f6;font-size:12px;vertical-align:middle}.qr-table tbody tr:last-child td{border-bottom:0}.qr-table tbody tr:hover{background:#fbfcff}.qr-table .check-cell{width:40px;padding-right:0;padding-left:22px}input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px;cursor:pointer}.qr-cell{display:flex;gap:14px;align-items:center;min-width:245px}.qr-cell canvas{width:58px;height:58px;border:1px solid var(--line);border-radius:8px;flex-shrink:0}.qr-info strong{font-size:12px;display:block;color:var(--navy);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-info a{font-size:10px;display:block;color:var(--muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.qr-info small{font-size:9px;color:#8a97ab}.folder-chip{font-size:10px;color:#63758d;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.status{font-size:9px;font-weight:750;padding:4px 8px;border-radius:20px;background:#e6f8ef;color:#18734e;white-space:nowrap}.status.paused{background:#fff2dc;color:#966520}.row-actions{display:flex;align-items:center;gap:13px;white-space:nowrap}.row-actions>button{border:0;background:none;color:var(--blue);padding:7px 0;font-size:11px;font-weight:700}.row-menu{position:relative}.row-menu summary{list-style:none;font-size:20px;cursor:pointer;color:var(--muted);padding:0 7px}.row-menu summary::-webkit-details-marker{display:none}.row-menu>div{position:fixed;right:auto;top:0;width:170px;z-index:8;padding:6px;background:white;box-shadow:0 6px 25px #10265320;border:1px solid var(--line);border-radius:9px}.row-menu button{border:0;background:white;padding:8px 10px;text-align:left;width:100%;font-size:11px;color:var(--ink);border-radius:5px}.row-menu button:hover{background:var(--wash)}.row-menu button.danger{color:#b3483d}.library-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.empty{text-align:center;padding:55px 24px 45px}.empty p{font-size:12px;max-width:410px;margin:0 auto 20px}.empty h3{font-size:19px;margin:15px 0 9px}.empty-icon{width:60px;height:60px;border-radius:16px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:32px;margin:auto}.folder-tip{display:flex;align-items:center;gap:14px;border:1px solid #d5e7e4;background:#eef8f5;border-radius:12px;padding:16px 20px;margin-bottom:25px}.folder-tip>span{color:var(--mint);font-size:30px}.folder-tip p{font-size:12px;margin:0;color:#47776f}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.folder-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column}.folder-open{border:0;background:none;text-align:left;padding:0;color:var(--navy);flex:1}.folder-open .folder-icon{font-size:36px;line-height:1.2;color:#d1a34a;display:block;margin-bottom:18px}.folder-open strong{font-size:15px;display:block;overflow-wrap:anywhere}.folder-open small{color:var(--muted);font-size:11px}.folder-actions{display:flex;gap:16px;border-top:1px solid var(--line);margin-top:20px;padding-top:13px}.folder-actions button{background:none;border:0;padding:0;color:var(--muted);font-size:10px}.folder-actions button:hover{color:var(--blue)}.batch-layout{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}.batch-guide{padding:24px}.batch-guide ol{list-style:none;padding:0;counter-reset:steps;margin:22px 0}.batch-guide li{counter-increment:steps;position:relative;padding-left:35px;margin:0 0 25px}.batch-guide li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:10px;color:var(--blue);font-weight:800;background:#edf3ff;padding:3px 6px;border-radius:5px}.batch-guide b{font-size:12px;display:block;margin-bottom:5px}.batch-guide li span{font-size:11px;color:var(--muted);display:block;line-height:1.8}.batch-capacity{padding:14px;border-radius:9px;background:#edf4ff;color:var(--navy);font-size:12px;font-weight:700}.hint{font-size:11px;color:var(--muted);line-height:1.8}.batch-guide>.hint{margin:16px 0 0}.batch-editor{padding:24px;min-width:0}.upload-zone{border:1px dashed #aac2e5;background:#f9fbff;border-radius:12px;text-align:center;padding:25px 20px}.upload-zone.drag-over{background:#e9f3ff;border-color:var(--blue)}.upload-symbol{font-size:32px;color:var(--blue);line-height:1.1;display:block;margin-bottom:9px}.upload-zone h3{font-size:15px;margin-bottom:5px}.upload-zone p{font-size:11px;margin-bottom:15px}#file-name{display:block;font-size:11px;font-weight:700;color:var(--mint);margin-top:10px}.upload-zone label.button{cursor:pointer}.paste-csv{margin-top:14px;font-size:12px;color:var(--muted)}.paste-csv summary{cursor:pointer}.paste-csv textarea{margin:12px 0;width:100%;font-family:ui-monospace,monospace;font-size:11px;resize:vertical}.batch-options{display:grid;grid-template-columns:1fr 1fr 1fr 90px 90px;gap:12px;margin:22px 0 0}.batch-options label{font-size:10px;display:block;font-weight:750}.batch-options select{margin-top:6px;font-size:11px;padding:10px 8px}.batch-options input[type=color]{margin-top:6px;width:100%;height:39px;padding:3px}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:20px 0 14px;margin-top:22px}.preview-heading h3{font-size:14px;margin:0}.preview-heading>span{font-size:11px;color:var(--muted)}.csv-table{font-size:10px;min-width:650px}.csv-table th{padding:10px;background:#f6f8fc;color:var(--muted);font-size:9px;white-space:nowrap}.csv-table td{padding:11px 9px;border-bottom:1px solid var(--line);max-width:180px;overflow-wrap:anywhere}.csv-table tr.invalid{background:#fff4f1}.csv-table .valid-text{color:#17764d}.csv-table .error-text{color:#a53d30}.csv-style{display:flex;align-items:center;gap:5px;white-space:nowrap}.color-dot{width:9px;height:9px;border-radius:50%;border:1px solid #10265320;display:inline-block;flex-shrink:0}.batch-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.batch-submit p{font-size:11px;margin:0}#csv-errors{font-size:11px;color:#a53d30;margin-bottom:10px}.billing-switch{display:flex;width:max-content;padding:5px;margin:20px auto 28px;background:#e8eef7;border-radius:11px}.billing-switch button{border:0;padding:10px 20px;font-size:12px;font-weight:750;color:var(--muted);border-radius:7px;background:none}.billing-switch button.selected{background:white;box-shadow:0 2px 7px #10265310;color:var(--navy)}.billing-switch span{font-size:9px;color:#087c58;margin-left:8px}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{padding:25px 22px;background:white;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column}.plan>span{font-size:8px;letter-spacing:.8px;font-weight:800;color:var(--muted);min-height:27px}.plan h3{font-size:22px;margin:8px 0 18px;letter-spacing:-.6px}.price{font-size:37px;font-weight:800;letter-spacing:-1.5px;color:var(--navy);line-height:1.2}.price small{font-size:9px;font-weight:500;letter-spacing:0;white-space:nowrap}.plan>p{font-size:12px;font-weight:750;color:var(--navy);margin:17px 0}.plan ul{list-style:none;padding:15px 0 22px;border-top:1px solid var(--line);margin:0;flex:1}.plan li{font-size:10px;color:var(--muted);padding:7px 0}.plan li:before{content:"✓";color:#168064;margin-right:7px}.plan .button{padding:11px 7px;font-size:10px;gap:7px;white-space:normal}.plan .shopify-logo{width:22px;height:22px}.featured{border:2px solid var(--blue);background:#fcfdff}.featured>span{color:var(--blue)}.pricing-note{text-align:center;font-size:11px;max-width:950px;margin:20px auto;color:var(--muted)}.current-plan{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-bottom:26px}.current-plan h3{margin:7px 0;font-size:22px}.current-plan p{margin:0;font-size:12px}.faq{padding:25px 28px;margin-top:30px}.faq details{padding:16px 0;border-bottom:1px solid var(--line)}.faq details:last-child{border-bottom:0}.faq summary{font-weight:700;font-size:13px;cursor:pointer}.faq details p{font-size:12px;max-width:800px;margin:12px 0 0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px max(24px,calc((100vw - 1240px)/2));font-size:11px;color:var(--muted);background:white}footer a{color:var(--navy);font-weight:750;text-decoration:none}.account-menu{position:relative}.account-menu summary{list-style:none;display:flex;align-items:center;gap:9px;font-size:11px;cursor:pointer;max-width:260px}.account-menu summary::-webkit-details-marker{display:none}#account-email{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:190px}.avatar{display:inline-flex;background:#eaf1fd;color:var(--blue);width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;font-size:11px;font-weight:800}.account-popover{position:absolute;top:calc(100% + 16px);right:0;padding:12px;min-width:220px;border:1px solid var(--line);border-radius:10px;background:white;box-shadow:0 10px 35px #10265320;z-index:30}.account-popover span,.account-popover a{display:block;padding:8px 10px;text-decoration:none;font-size:11px}.account-popover span{color:var(--muted);border-bottom:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:18px;padding:0;color:var(--ink);box-shadow:0 30px 80px #071a3a40;max-height:calc(100dvh - 36px);overflow-y:auto}dialog::backdrop{background:#0b1e3b80;backdrop-filter:blur(3px)}.editor-dialog{width:min(960px,calc(100vw - 32px))}.dialog-heading{padding:23px 28px;display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:23px;margin:5px 0 0}.dialog-heading .icon-button{flex-shrink:0}.editor-grid{display:grid;grid-template-columns:1fr 310px}.editor-fields{padding:22px 28px}.editor-fields>label,.color-fields label,.small-dialog label{display:block;font-size:11px;font-weight:750;margin:12px 0 6px}.editor-fields>label:first-child{margin-top:0}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid #cfdbe9;border-radius:8px;padding:10px 12px;background:white;width:100%;min-width:0;font-size:12px}input:focus,select:focus,textarea:focus{outline:2px solid #1464f440;border-color:var(--blue)}input[type=color]{cursor:pointer}.design-fieldset{border:0;padding:0;margin:23px 0 0;min-width:0}.design-fieldset legend{font-size:11px;font-weight:800;margin-bottom:12px}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.style-options label{border:1px solid var(--line);border-radius:10px;padding:10px 8px;text-align:center;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center}.style-options label:has(input:checked){border:2px solid var(--blue);padding:9px 7px;background:#f6faff}.style-options input{position:absolute;top:8px;left:8px;accent-color:var(--blue);width:12px;height:12px}.style-options canvas{width:67px;height:67px}.style-options span{font-size:10px;margin-top:6px;font-weight:700}.preset-buttons{display:flex;gap:7px;flex-wrap:wrap}.preset-buttons button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:20px;padding:6px 10px;font-size:10px;background:white;color:var(--muted)}.preset-buttons button:hover{border-color:#7aa6e5;color:var(--navy)}.swatch{width:8px;height:8px;border-radius:50%;display:inline-block}.facebook{background:#1455bd}.instagram{background:#a52273}.whatsapp{background:#087f51}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.color-pair{display:flex;gap:7px}.color-pair input[type=color]{width:42px;height:37px;flex-shrink:0;padding:3px}.color-pair input[type=text]{padding:8px;font-family:ui-monospace,monospace;font-size:11px;text-transform:uppercase}.editor-preview{background:#f7f9fd;border-left:1px solid var(--line);padding:28px 25px;text-align:center}.editor-preview>.eyebrow{font-size:8px;letter-spacing:1.3px}.preview-canvas{padding:12px;margin:23px 0 15px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 6px 20px #10265308}.preview-canvas canvas{display:block;width:100%;height:auto}.design-status{display:inline-block;font-size:10px;font-weight:750;padding:5px 10px;border-radius:20px;color:#147352;background:#e3f5ec}.design-status.bad{background:#fff0e8;color:#9f4a29}.editor-preview>p{font-size:10px;line-height:1.9;margin-top:15px}.scan-tip{text-align:left;font-size:10px;color:#68809d;line-height:1.8;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.dialog-footer{padding:19px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.dialog-footer p{font-size:10px;max-width:330px;margin:0}#editor-message:empty{display:none}#editor-message{padding:12px 28px;background:#fff1eb;color:#a13f2b;font-size:12px}.small-dialog{width:min(470px,calc(100vw - 32px));padding:24px}.small-dialog .dialog-heading{padding:0 0 18px;margin-bottom:18px}.small-dialog .dialog-heading h2{font-size:21px;margin:0}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}.small-dialog p[role=status]{font-size:12px;color:#a13f2b}.small-dialog progress{width:100%;height:12px;accent-color:var(--blue)}@media(max-width:1100px){.app-header{gap:18px}.header-right{gap:20px}.plans{grid-template-columns:repeat(2,1fr)}.batch-layout{grid-template-columns:230px 1fr}.batch-options{grid-template-columns:repeat(3,1fr)}.batch-options label:nth-last-child(-n+2){max-width:110px}.folder-grid{grid-template-columns:repeat(3,1fr)}.recent-list{grid-template-columns:repeat(2,1fr)}.recent-item:nth-child(3){border-left:0}.recent-item:nth-child(n+3){border-top:1px solid var(--line)}}@media(max-width:760px){.app-header{height:66px;padding:0 18px;gap:14px}.brand img{width:125px;height:40px}.product-mark{font-size:11px;padding-left:14px}.store-link{display:none}.header-right{gap:0}.header-right .button{padding:7px 10px;font-size:10px}#account-email{display:none}.intro{padding:25px 18px;align-items:start}.intro h1{font-size:24px;letter-spacing:-.8px;max-width:330px}.intro p{font-size:11px}.intro>.button{font-size:11px;padding:9px 12px;flex-shrink:0;margin-top:20px}.app-tabs{padding:0 10px;gap:0}.app-tabs button{padding:14px 12px 11px;font-size:11px;gap:7px}.app-tabs button>span:first-child{font-size:17px}main{padding:22px 18px 40px}.overview-grid{grid-template-columns:1fr}.welcome-card{padding:25px}.welcome-card h2{font-size:32px}.welcome-card p{font-size:12px}.design-showcase{padding:24px}.showcase-codes>div{max-width:115px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:17px}.stat-card strong{font-size:25px}.stat-card>span{font-size:8px}.stat-card small{font-size:9px}.quick-grid{grid-template-columns:1fr;gap:12px}.quick-card{padding:20px}.quick-card .quick-icon{margin-bottom:10px}.quick-card b{margin-top:12px}.section-title h2{font-size:25px}.section-title{gap:18px;align-items:start}.section-title>.button{font-size:11px;padding:9px 12px;flex-shrink:0;margin-top:13px}.section-title p{font-size:12px}.login-banner{padding:17px;align-items:start}.login-banner .button{font-size:10px;flex-shrink:0;padding:8px 10px}.login-banner p{font-size:10px;max-width:270px}.library-filters{padding:16px;gap:12px}.search-box{flex-basis:100%}.filter-label{font-size:10px;flex:1;display:block}.filter-label select{width:100%;margin-top:4px}.selection-toolbar{padding:12px 16px;gap:8px}.selection-toolbar strong{width:100%}.selection-toolbar .button{font-size:10px;padding:7px 10px}.qr-table{min-width:770px}.library-footer{padding:13px 16px}.folder-grid{grid-template-columns:repeat(2,1fr);gap:13px}.folder-card{padding:19px}.folder-open strong{font-size:13px}.folder-tip{padding:13px 16px}.folder-tip p{font-size:11px}.batch-layout{grid-template-columns:1fr}.batch-guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:5px}.batch-guide li{padding-left:0;padding-top:31px;margin-bottom:15px}.batch-guide li:before{top:0}.batch-guide li span{font-size:10px}.batch-guide b{font-size:11px}.batch-guide .hint{font-size:10px}.batch-editor{padding:18px}.batch-options{gap:10px}.batch-submit{align-items:start;flex-direction:column}.batch-submit>.button{width:100%}.plan{padding:22px 16px}.plan h3{font-size:20px}.price{font-size:32px}.plan>p{font-size:11px}.plan li{font-size:9px}.plan .button{font-size:9px;gap:5px;padding:10px 5px}.plan .shopify-logo{width:19px;height:19px}.plan>span{font-size:7px}.plans{gap:12px}.billing-switch button{padding:10px 14px}.current-plan{flex-direction:column;align-items:start;padding:21px}.faq{padding:20px}.faq summary{font-size:12px}.faq details p{font-size:11px}footer{flex-wrap:wrap;padding:22px 18px;font-size:10px}footer>span:last-child{display:none}.editor-grid{grid-template-columns:1fr}.editor-fields{padding:20px}.editor-preview{border-left:0;border-top:1px solid var(--line);padding:24px}.preview-canvas{max-width:240px;margin:18px auto 15px}.editor-preview .scan-tip{max-width:340px;margin:20px auto 0}.dialog-heading{padding:20px}.dialog-heading h2{font-size:21px}.dialog-footer{padding:18px 20px;align-items:stretch;flex-direction:column}.dialog-footer p{font-size:10px;max-width:none}.dialog-footer .button{width:100%}.recent-list{grid-template-columns:1fr}.recent-item+.recent-item{border-left:0;border-top:1px solid var(--line)}.recent-item strong{max-width:220px}.style-options canvas{width:60px;height:60px}.color-fields{gap:10px}}@media(max-width:380px){.product-mark{display:none}.intro h1{font-size:22px}.intro>.button{padding:8px;font-size:10px}.plans{grid-template-columns:1fr}.batch-guide ol{grid-template-columns:1fr}.batch-guide li{padding:0 0 0 35px}.batch-options{grid-template-columns:repeat(2,1fr)}.folder-grid{grid-template-columns:1fr}.login-banner{flex-direction:column}.color-fields{grid-template-columns:1fr}.recent-item strong{max-width:180px}}@media(prefers-reduced-motion:reduce){.view{animation:none}.quick-card{transition:none}}

.row-menu button{display:block;white-space:normal}.row-menu>div{white-space:normal}.search-box input[type=search]{padding-left:38px}.batch-options input[type=color]{padding:3px}

.row-menu:not([open])>div{display:none}.row-menu>div{left:8px}

html,body{max-width:100%;overflow-x:clip}

/* Nexo QR application workspace */
:root{--blue:#255df5;--navy:#172c50;--ink:#283951;--muted:#79879c;--line:#e6ebf3;--wash:#f6f8fc;--radius:12px;--sidebar:236px}
body{font-size:14px;line-height:1.55}h1,h2{letter-spacing:-.8px}svg{width:20px;height:20px;display:block;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);z-index:40;display:flex;flex-direction:column;padding:29px 18px 18px}
.studio-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--navy);font-size:25px;font-weight:850;letter-spacing:2px;padding:0 12px 28px}
.brand-symbol{width:39px;height:39px;background:var(--blue);color:#fff;border-radius:11px}.brand-symbol svg{width:25px;height:25px}
.brand-sub{display:block;font-size:9px;font-weight:700;color:var(--muted);letter-spacing:2.5px;line-height:1.4}
.workspace-label{font-size:9px;letter-spacing:1.2px;color:#9aa7ba;font-weight:750;padding:16px 13px 12px;border-top:1px solid var(--line)}
.app-tabs{position:static;display:flex;flex-direction:column;gap:5px;padding:0;border:0;background:none;overflow:visible}
.app-tabs button{width:100%;border:0;border-radius:8px;display:flex;align-items:center;text-align:left;gap:12px;padding:12px 13px;white-space:normal;line-height:1.35;font-size:12px;color:#718096;font-weight:600}
.app-tabs button>span:first-child{font-size:inherit}.app-tabs button svg{width:19px;height:19px}.app-tabs button[aria-selected=true]{color:var(--blue);background:#edf3ff;border-bottom:0;font-weight:750}.app-tabs button:hover{background:#f2f5fb;color:var(--blue)}
.tab-count{margin-left:auto;background:#e0eaff;color:var(--blue);font-size:10px;padding:1px 6px}
.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-plan{border:1px solid var(--line);background:#f9fbff;border-radius:10px;padding:15px}.sidebar-plan>div:first-child{display:flex;gap:7px;align-items:center}.sidebar-plan strong{font-size:11px;font-weight:750}.plan-dot{width:6px;height:6px;background:#20b286;border-radius:50%}.sidebar-plan p{font-size:10px;margin:8px 0 10px}.sidebar-track{height:4px;background:#e1e9f7;border-radius:5px;margin-bottom:16px;overflow:hidden}.sidebar-track>span{height:100%;display:block;background:var(--blue);border-radius:5px}.sidebar-plan .button{width:100%;font-size:10px;justify-content:space-between;padding:8px 10px}.sidebar-plan svg{width:15px;height:15px}.back-store{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);text-decoration:none;padding:22px 12px 15px}.back-store svg{width:15px;height:15px}.sidebar-signature{font-size:9px;color:#a1adc0;padding:0 12px}
.app-shell{margin-left:var(--sidebar);min-height:100dvh}.app-header{position:sticky;top:0;height:73px;background:#ffffffee;backdrop-filter:blur(16px);padding:0 34px;z-index:25;gap:15px}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.breadcrumbs strong{font-weight:600;color:var(--navy)}.breadcrumb-divider{color:#b8c4d5}.header-right{gap:14px}.mobile-menu{display:none}
main{max-width:1600px;padding:32px 34px 40px;margin:0 auto;min-height:calc(100dvh - 145px)}.view{animation:none}.section-title{margin-bottom:26px;align-items:center}.section-title h1{font-size:27px;margin:8px 0 9px}.section-title h2{font-size:27px;margin:8px 0 10px}.section-title p{font-size:12px;margin:0}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#7c8fa9}.heading-actions{display:flex;gap:10px;align-items:center}.button{font-size:11px;padding:11px 14px;font-weight:650;border-radius:7px}.button svg{width:17px;height:17px}.secondary{border-color:#e0e6ef}.primary{box-shadow:0 3px 5px #255df514}.stats-grid{gap:18px;margin:0 0 26px}.stat-card{padding:22px;background:#fff;border-radius:11px;box-shadow:0 3px 8px #16254403}.stat-card>span{font-size:9px;letter-spacing:.6px;color:#7b8ba0}.stat-card strong{font-size:26px;font-weight:750;letter-spacing:-.7px;margin:13px 0 12px}.stat-card small{font-size:10px}.stat-card .text-button{font-size:10px;margin-top:2px}.usage-track{height:4px;margin:12px 0 10px}.login-banner{background:#edf3ff;border-color:#dde8ff;border-radius:10px;padding:17px 20px;margin:0 0 28px}.login-banner strong{font-size:12px}.login-banner p{font-size:11px;margin:4px 0 0}
.dashboard-panels{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-bottom:26px}.panel{border-radius:11px;border-color:var(--line);box-shadow:0 3px 8px #16254402}.panel-heading{padding:21px 22px 16px;align-items:center;border:0}.panel-heading h3{font-size:14px;margin:0 0 4px}.panel-heading p{font-size:10px;margin:0}.panel-icon{color:var(--blue);background:#f0f5ff;padding:9px;border-radius:9px}.panel-icon svg{width:20px;height:20px}.top-codes{padding:0 22px 17px}.ranking-row{display:flex;align-items:center;gap:11px;width:100%;border:0;border-top:1px solid #f0f3f7;padding:13px 0;background:none;text-align:left;color:var(--ink)}.ranking-row:hover{background:#fbfcff}.rank-number{font-size:10px;color:#a7b3c5}.ranking-row canvas{width:35px;height:35px;flex-shrink:0}.ranking-copy{flex:1;min-width:0}.ranking-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.ranking-copy small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.ranking-row>b{font-size:16px;color:var(--navy)}.ranking-row>small{font-size:9px;color:var(--muted)}.distribution-panel{padding-bottom:20px}.distribution-panel>.text-button{margin:15px 22px 0;font-size:10px}#folder-distribution{padding:0 22px}.distribution-row{margin:14px 0 19px}.distribution-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:8px}.distribution-row b{font-weight:700;color:var(--navy)}.distribution-track{height:6px;background:#f0f3f9;border-radius:5px;overflow:hidden}.distribution-track>span{display:block;background:#7599fb;height:100%;border-radius:5px}.dashboard-empty{padding:28px 10px 32px;text-align:center}.dashboard-empty>svg{margin:0 auto 13px;color:#8ca8da;width:28px;height:28px}.dashboard-empty strong{display:block;font-size:12px}.dashboard-empty p{font-size:11px;margin:7px auto 0;max-width:270px}
.connection-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:31px 34px;margin-bottom:26px;border:1px solid #e0e7f8;background:linear-gradient(115deg,#f0f4ff,#fbfcff);border-radius:12px}.connection-banner h2{font-size:27px;margin:10px 0 12px;line-height:1.25}.connection-banner p{font-size:11px;margin-bottom:20px}.connection-banner .showcase-codes{gap:16px;flex:0 1 53%;margin:0}.showcase-codes>div{max-width:145px;padding:12px;background:#fff;border:1px solid #e6ebf7;border-radius:12px;box-shadow:0 10px 25px #25458e06}.showcase-codes canvas{width:100%;height:auto;display:block}.showcase-codes span{font-size:9px;margin-top:8px}.recent-list{grid-template-columns:repeat(2,1fr)}.recent-item{padding:16px 22px}.recent-item canvas{width:40px;height:40px}.recent-item strong{font-size:11px}.recent-item>button{margin-left:auto;font-size:10px}.recent-item:nth-child(3){border-left:0}.recent-item:nth-child(n+3){border-top:1px solid var(--line)}
.library-panel{background:transparent;border:0;box-shadow:none}.library-filters{padding:0 0 20px;gap:12px;display:flex;align-items:center;flex-wrap:wrap;border:0}.search-box{flex:1;min-width:160px}.search-box input[type=search]{font-size:11px;padding:11px 12px 11px 35px;border-color:#e0e6ef}.filter-label{font-size:0;gap:0}.filter-label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.filter-label select{font-size:11px;min-width:155px;padding:11px 12px;border-color:#e0e6ef}.view-toggle{display:flex;gap:4px;background:#eaf0f8;padding:4px;border-radius:8px}.view-toggle button{border:0;background:none;color:#8798af;border-radius:5px;padding:7px}.view-toggle button.selected{background:white;color:var(--blue);box-shadow:0 2px 4px #16254409}.view-toggle svg{width:16px;height:16px}
.library-selection{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-bottom:16px}.library-selection label{display:flex;gap:8px;align-items:center;cursor:pointer}.library-selection input{accent-color:var(--blue)}
.qr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.qr-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.qr-card:hover{border-color:#c9d7ee;box-shadow:0 7px 22px #1c3d7107}.qr-card.is-selected{border-color:#789bff;box-shadow:0 0 0 1px #789bff}.qr-card-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px 0;gap:8px}.card-checkbox{display:flex;align-items:center;padding:5px;cursor:pointer;margin-left:-5px}.card-checkbox input{margin:0;accent-color:var(--blue);width:14px;height:14px}.status{font-size:8px;font-weight:600;background:#ecfaf3;color:#258761;border:0;padding:4px 8px}.status:before{width:4px;height:4px;margin-right:5px}.status.paused{background:#fff5e8;color:#a77a35}
.card-preview{display:block;border:0;background:#fff;padding:14px 23px 10px;width:100%}.card-preview canvas{display:block;width:100%;height:auto;max-width:210px;margin:auto}.qr-card-body{padding:8px 16px 14px;min-width:0}.qr-card h3{font-size:12px;margin:0 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-destination{display:block;font-size:9px;color:#8191aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.card-destination:hover{color:var(--blue)}.card-meta{margin-top:17px;display:flex;flex-direction:column;gap:7px}.card-meta>div{display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:8px}.card-meta span{color:#93a0b4}.card-meta strong{font-weight:550;color:#5c708e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:130px}.card-actions{padding:10px 13px;border-top:1px solid #edf1f7;display:flex;gap:8px;align-items:center;background:#fdfdff}.card-actions>button{border:1px solid #e4eaf4;background:#fff;padding:6px 10px;font-size:9px;border-radius:5px;color:#60728c}.card-actions>.card-edit{color:var(--blue);border-color:#dfe7fd;background:#f6f9ff;flex:1}.card-actions .row-menu{margin-left:auto}.card-actions .row-menu summary{border:0;padding:3px 7px;background:none;font-size:19px;line-height:1}
.selection-toolbar{position:sticky;bottom:15px;z-index:20;margin-top:16px;border:1px solid #cedbfd;border-radius:9px;box-shadow:0 7px 22px #18335b13;background:#f1f6ff}.selection-toolbar strong{font-size:11px}.library-footer{background:none;padding:18px 0;border:0;font-size:10px}.qr-table{background:#fff;min-width:800px}.qr-table td{font-size:11px}.qr-table th{font-size:9px}.table-scroll{border-radius:9px}.folder-grid{grid-template-columns:repeat(3,1fr)}.folder-card{padding:24px;border-radius:11px}.folder-open .folder-icon{color:#5487ef;font-size:34px}.folder-open strong{font-size:14px}.folder-tip{background:#eef4ff;border-color:#dce7fb}.folder-tip>span,.folder-tip p{color:#6683b1}
.editor-page{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.editor-page .dialog-heading{padding:24px 28px}.editor-page .dialog-heading h2{font-size:25px;margin-top:7px}.editor-grid{grid-template-columns:minmax(0,1fr) 330px}.editor-fields{padding:28px}.content-types{display:flex;align-items:center;gap:12px;margin-bottom:18px}.field-step{display:grid;place-items:center;background:#edf3ff;color:var(--blue);width:31px;height:31px;border-radius:8px;font-size:11px;font-weight:750}.content-types h3{font-size:13px;margin:0 0 3px}.content-types p{font-size:10px;margin:0}.destination-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.destination-types button{border:1px solid var(--line);background:white;color:#7e8ba0;border-radius:7px;padding:11px 6px;font-size:9px;display:flex;align-items:center;justify-content:center;gap:5px}.destination-types svg{width:14px;height:14px}.destination-types .selected{background:#f1f5ff;color:var(--blue);border-color:#91aeff}.social-letter{font-size:17px;line-height:14px}.editor-fields>label{font-size:11px;margin-top:15px}.editor-fields>input,.editor-fields>select{padding:12px;font-size:12px}.design-fieldset{border-top:1px solid #edf1f7;padding-top:22px;margin-top:24px}.design-fieldset legend{float:left;width:100%;margin-bottom:15px;font-size:11px;color:var(--navy)}.design-fieldset legend+*{clear:both}.style-options{gap:12px}.style-options label{padding:15px 8px}.style-options label:has(input:checked){padding:14px 7px}.style-options canvas{width:80px;height:80px}.style-options span{font-size:10px}.editor-preview{padding:30px 27px;background:#fbfcff}.editor-preview>.eyebrow{font-size:9px}.preview-canvas{border-radius:12px;padding:16px;margin:27px 0 20px;box-shadow:0 8px 25px #17386906}.editor-preview>p{font-size:11px}.scan-tip{font-size:10px}.dialog-footer{padding:22px 28px;background:#fff}.dialog-footer p{font-size:10px}.preset-buttons button{padding:8px 12px}#editor-signin{margin:16px 28px}footer{padding:20px 34px;font-size:10px;background:transparent;border-color:#e7ecf4}.sidebar-shade{display:none}
@media(min-width:1600px){.qr-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1280px){:root{--sidebar:218px}.sidebar{padding:26px 14px 18px}.app-tabs button{font-size:11px;padding:12px 11px}.app-header{padding:0 26px}main{padding:28px 26px 35px}.qr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{gap:12px}.stat-card{padding:18px}.stat-card strong{font-size:23px}.heading-actions .button{font-size:10px}.editor-grid{grid-template-columns:minmax(0,1fr) 295px}.destination-types{grid-template-columns:repeat(2,1fr)}.connection-banner{padding:27px}.connection-banner h2{font-size:25px}.library-filters .filter-label select{min-width:135px}.plans{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1040px){.dashboard-heading{align-items:start;gap:20px}.heading-actions{flex-wrap:wrap;justify-content:end}.section-title h1,.section-title h2{font-size:24px}.heading-actions .button{padding:10px}.dashboard-panels{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.connection-banner{gap:20px}.connection-banner .showcase-codes{gap:7px;flex-basis:50%}.showcase-codes>div{padding:7px;border-radius:8px}.showcase-codes span{font-size:8px}.editor-grid{grid-template-columns:minmax(0,1fr) 250px}.editor-fields{padding:22px}.editor-preview{padding:25px 20px}.style-options canvas{width:60px;height:60px}.color-fields{grid-template-columns:1fr}.batch-layout{grid-template-columns:1fr}.batch-guide ol{display:flex;gap:20px}.batch-guide li{flex:1}.folder-grid{grid-template-columns:repeat(2,1fr)}.qr-grid{gap:13px}.card-preview{padding:10px 14px}.qr-card-head{padding:12px 12px 0}.qr-card-body{padding:8px 12px 13px}.card-actions{padding:10px}.card-actions>button{padding:6px 7px;font-size:8px}.qr-card h3{font-size:11px}.ranking-copy strong{max-width:none}}
@media(max-width:800px){:root{--sidebar:236px}.app-shell{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 40px #1a32551a}.sidebar.is-open{transform:translateX(0)}.sidebar-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:35;border:0;border-radius:0;background:#14234255;backdrop-filter:blur(2px)}.mobile-menu{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;font-size:16px}.mobile-menu svg{width:19px;height:19px}.nav-open{overflow:hidden}.app-header{height:64px;padding:0 20px}.breadcrumbs{gap:9px;font-size:10px}main{padding:24px 20px 35px}.app-tabs{padding:0;gap:5px}.app-tabs button{padding:13px;font-size:12px;gap:12px}.app-tabs button>span:first-child{font-size:inherit}.header-right .button{font-size:10px}.qr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-grid{grid-template-columns:minmax(0,1fr) 270px}.editor-fields{padding:22px}.color-fields{grid-template-columns:1fr}.connection-banner{padding:25px}.section-title{align-items:center}.section-title>.button{margin-top:0}.section-title p{font-size:11px}.intro{display:none}.stat-card>span{font-size:9px}.stat-card small{font-size:10px}.recent-list{grid-template-columns:repeat(2,1fr)}.recent-item strong{max-width:150px}.recent-item:nth-child(2){border-left:1px solid var(--line);border-top:0}.recent-item{padding:15px}.library-filters{padding:0 0 18px}.search-box{flex-basis:auto}.filter-label{display:block;flex:0 1 auto}.filter-label select{margin:0}.batch-layout{grid-template-columns:1fr}.batch-guide ol{display:grid;grid-template-columns:repeat(3,1fr)}.batch-guide li{padding:32px 0 0}.batch-guide li:before{top:0}.folder-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.app-header{padding:0 16px;gap:10px}.breadcrumbs>span:first-child,.breadcrumb-divider{display:none}.breadcrumbs strong{font-size:11px}main{padding:22px 16px 30px}.section-title,.dashboard-heading{align-items:start;flex-direction:column;gap:17px}.section-title h1,.section-title h2{font-size:24px}.heading-actions{justify-content:start;width:100%;gap:8px}.heading-actions .button{font-size:10px;flex:1}.section-title p{font-size:11px}.eyebrow{font-size:8px}.stats-grid{gap:11px;margin-bottom:20px}.stat-card{padding:17px}.stat-card strong{font-size:24px}.stat-card>span{font-size:8px}.stat-card small{font-size:9px}.dashboard-panels{gap:18px;margin-bottom:20px}.panel-heading{padding:19px 18px 12px}.panel-heading h3{font-size:13px}.top-codes{padding:0 18px 12px}.ranking-row{gap:8px}.ranking-copy strong{font-size:10px;max-width:160px}.ranking-row>small{display:none}.ranking-row canvas{width:32px;height:32px}.ranking-row>b{font-size:15px}.rank-number{font-size:9px}#folder-distribution{padding:0 18px}.connection-banner{flex-direction:column;align-items:stretch;gap:22px;padding:24px}.connection-banner h2{font-size:25px}.connection-banner .showcase-codes{flex-basis:auto;justify-content:space-between;gap:10px}.showcase-codes>div{max-width:none;flex:1;padding:9px}.showcase-codes span{font-size:8px}.recent-list{grid-template-columns:1fr}.recent-item:nth-child(2){border-left:0;border-top:1px solid var(--line)}.recent-item strong{max-width:190px}.login-banner{align-items:start;gap:15px;padding:17px}.login-banner p{font-size:10px}.login-banner .button{padding:8px 10px;font-size:9px}.library-filters{gap:10px}.view-toggle{order:0}.search-box{order:1;flex-basis:calc(100% - 100px);min-width:0}.filter-label{order:2;flex:1;min-width:0}.filter-label select{min-width:0!important;width:100%;font-size:10px;padding:10px 7px}.library-selection{font-size:9px;gap:10px}.library-selection>span{font-size:8px}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-preview{padding:8px 12px}.qr-card-head{padding:10px 11px 0}.qr-card-body{padding:6px 11px 12px}.qr-card h3{font-size:11px}.card-destination{font-size:8px}.card-meta{gap:6px;margin-top:13px}.card-meta>div{font-size:8px}.card-meta strong{max-width:90px}.card-actions{padding:8px;gap:5px}.card-actions>button{font-size:8px;padding:6px 7px}.status{font-size:7px;padding:3px 6px}.card-actions .row-menu summary{padding:2px 4px}.qr-card{border-radius:9px}.selection-toolbar{bottom:8px;gap:7px;padding:12px}.selection-toolbar .button{font-size:9px;padding:6px 8px}.selection-toolbar strong{font-size:10px}.library-footer{font-size:9px}.folder-grid{grid-template-columns:repeat(2,1fr)}.folder-card{padding:20px}.folder-open strong{font-size:12px}.batch-guide{padding:20px}.batch-guide ol{display:block}.batch-guide li{padding:0 0 0 35px;margin-bottom:22px}.batch-guide li span{font-size:11px}.batch-guide b{font-size:12px}.batch-options{grid-template-columns:repeat(2,1fr)}.batch-options label{font-size:10px}.editor-grid{grid-template-columns:1fr}.editor-page .dialog-heading{padding:21px 19px}.editor-page .dialog-heading h2{font-size:23px}.editor-fields{padding:21px 19px}.destination-types{grid-template-columns:repeat(2,1fr)}.destination-types button{font-size:10px;padding:12px 8px}.editor-preview{border-left:0;border-top:1px solid var(--line);padding:26px}.preview-canvas{max-width:250px;margin:23px auto 18px}.editor-preview>.eyebrow{font-size:9px}.style-options canvas{width:70px;height:70px}.color-fields{grid-template-columns:1fr 1fr;gap:10px}.preset-buttons button{padding:7px 10px}.editor-page .dialog-footer{padding:20px}.plan h3{font-size:20px}.price{font-size:32px}.plans{grid-template-columns:1fr}.plan>span{font-size:8px}.plan li{font-size:11px}.plan .button{font-size:11px}.plan>p{font-size:12px}.billing-switch button{font-size:11px;padding:9px 12px}.billing-switch span{font-size:8px}.current-plan{padding:20px}.faq{padding:20px}footer{padding:20px 16px;font-size:9px}footer>span:last-child{display:none}.sidebar-signature{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sidebar,.qr-card{transition:none}}

.selection-toolbar{top:86px;bottom:auto;margin:0 0 16px}.sidebar{overflow-y:auto}.dashboard-heading{margin-top:0}.editor-preview{align-self:stretch}@media(max-width:800px){.selection-toolbar{top:76px}}

@media(max-width:600px){.library-filters .search-box{flex:1 1 calc(100% - 82px)}.library-filters .filter-label{flex:1 1 calc(33.333% - 7px)}.library-filters .view-toggle{flex:0 0 72px}}