.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.style-grid label{gap:5px}.style-grid output{float:right;color:#3976d3;font-size:11px;font-weight:700}.color-control{align-items:center;gap:6px;display:flex}.color-control input[type=color]{cursor:pointer;width:42px;height:36px;padding:3px}.reset-control{color:#66758a;background:#fff;border:1px solid #dbe3ec;border-radius:6px;padding:6px 8px;font-size:11px}.reset-control:hover{color:#2768c7;border-color:#9ab9e6}@media (width<=640px){.style-grid{grid-template-columns:1fr}}.preview-image{overflow:hidden}.preview-image img{object-fit:contain;width:100%;height:auto;max-height:180px;display:block}.preview-button{overflow-wrap:anywhere}:root{color:#1d2939;font-synthesis:none;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1380px;margin:0 auto;padding:28px 32px 64px}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.brand-line{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;letter-spacing:.4px;background:#16253d;border-radius:12px;place-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:grid}.brand-mark.small{border-radius:10px;width:40px;height:40px;font-size:12px}.topbar h1{letter-spacing:0;margin:2px 0 0;font-size:25px}.eyebrow{color:#3976d3;letter-spacing:1.8px;margin:0;font-size:10px;font-weight:800}.top-actions{align-items:center;gap:16px;display:flex}.top-stat{color:#66758a;font-size:13px}.workspace{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel{background:#fff;border:1px solid #e5eaf0;border-radius:14px;box-shadow:0 10px 30px #1322380a}.composer{padding:24px;position:sticky;top:20px}.library{min-height:560px;padding:24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.panel-heading h2{letter-spacing:0;margin:4px 0 0;font-size:20px}.library-heading{align-items:center}.library-heading h2 span{color:#98a5b5;margin-left:4px;font-size:14px;font-weight:500}form{gap:16px;display:grid}label{color:#526275;gap:7px;font-size:12px;font-weight:700;display:grid}input,textarea,select{color:#1d2939;background:#fff;border:1px solid #d8e0e8;border-radius:8px;outline:0;width:100%;padding:10px 11px;transition:border-color .16s,box-shadow .16s}textarea{resize:vertical;min-height:118px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}fieldset{border:0;margin:0;padding:0}legend{color:#526275;margin-bottom:8px;font-size:12px;font-weight:700}.type-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.type-button{color:#435267;text-align:left;background:#fff;border:1px solid #dbe3ec;border-radius:9px;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 12px;transition:all .16s;display:flex}.type-button strong{font-size:13px}.type-button span{color:#8a98a8;font-size:11px}.type-button:hover{border-color:#9ab9e6}.type-button.selected{background:#f0f6ff;border-color:#3976d3;box-shadow:inset 0 0 0 1px #3976d3}.type-button.selected strong,.type-button.selected span{color:#2768be}.check-row{align-items:center;gap:8px;font-size:12px;display:flex}.check-row input{width:auto}.form-footer{align-items:flex-start;gap:12px;margin-top:2px;display:flex}.primary-button,.secondary-button{white-space:nowrap;border:0;border-radius:8px;padding:11px 15px;font-weight:750}.primary-button{color:#fff;background:#2768c7}.primary-button:hover{background:#1f58ac}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{color:#2768c7;background:#edf3fb}.quiet-button{color:#526275;background:#fff;border:1px solid #dbe3ec;border-radius:8px;padding:8px 11px;font-size:12px}.quiet-button:hover{color:#2768c7;border-color:#9ab9e6}.error{color:#c24141;min-height:18px;margin:0;font-size:12px}.filters{grid-template-columns:minmax(180px,1fr) 160px;gap:9px;margin-bottom:14px;display:grid}.qr-list{border-top:1px solid #edf1f5}.qr-row{border-bottom:1px solid #edf1f5;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 0;display:grid}.qr-row.legacy-disabled{opacity:.65}.qr-thumb{object-fit:contain;background:#fff;border:1px solid #e1e7ee;border-radius:8px;width:82px;height:82px}.qr-info{min-width:0}.title-line{align-items:center;gap:9px;display:flex}.qr-info h3{letter-spacing:0;margin:0;font-size:15px}.qr-info p{color:#748397;margin:6px 0;font-size:12px}.qr-info a{color:#3976d3;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;text-decoration:none;display:inline-block;overflow:hidden}.qr-info a:hover{text-decoration:underline}.status{color:#69798c;background:#f0f3f6;border-radius:5px;padding:4px 6px;font-size:10px}.row-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.action-button{color:#5b6b7e;white-space:nowrap;background:#fff;border:1px solid #dbe3ec;border-radius:7px;padding:7px 9px;font-size:11px}.action-button:hover{color:#2768c7;border-color:#9ab9e6}.action-button.accent{color:#2768c7;background:#f4f8fe;border-color:#b8d0ef}.action-button.delete:hover{color:#bb3737;background:#fff8f8;border-color:#e8bcbc}.empty{color:#8491a1;place-items:center;gap:5px;min-height:280px;font-size:13px;display:grid}.empty strong{color:#526275;font-size:15px}.login-shell{background:#f5f7fa;place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{background:#fff;border:1px solid #e5eaf0;border-radius:14px;width:min(410px,100%);padding:36px;box-shadow:0 18px 50px #13223812}.login-panel h1{letter-spacing:0;margin:8px 0 0;font-size:28px}.login-panel .muted{color:#7a899a;margin:9px 0 24px;font-size:13px}.login-panel form{gap:15px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#13223866;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.download-modal{background:#fff;border-radius:14px;width:min(420px,100%);padding:25px;box-shadow:0 22px 70px #1322383b}.modal-heading{justify-content:space-between;align-items:flex-start;display:flex}.modal-heading h2{margin:4px 0 0;font-size:20px}.modal-heading p:last-child{color:#7a899a;margin:6px 0 0;font-size:12px}.close-button{color:#607086;background:#f2f5f8;border:0;border-radius:7px;width:30px;height:30px;font-size:22px;line-height:1}.download-preview{background:#fbfcfd;border:1px solid #e7ecf2;border-radius:10px;place-items:center;margin:20px 0 18px;padding:18px;display:grid}.download-preview img{image-rendering:auto;width:220px;height:220px}.size-picker{color:#647489;gap:8px;font-size:12px;font-weight:700;display:grid}.size-picker>div{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.size-picker button{color:#607086;background:#fff;border:1px solid #dbe3ec;border-radius:7px;padding:8px 4px;font-size:11px}.size-picker button.selected{color:#2768c7;background:#f0f6ff;border-color:#3976d3}.download-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}@media (width<=980px){.workspace{grid-template-columns:1fr}.composer{position:static}.library{min-height:auto}}@media (width<=640px){.app-shell{padding:20px 14px 44px}.topbar{align-items:flex-start}.topbar h1{font-size:21px}.top-actions{gap:8px}.top-stat{display:none}.composer,.library{padding:18px}.field-grid{grid-template-columns:1fr}.qr-row{grid-template-columns:60px minmax(0,1fr)}.qr-thumb{width:60px;height:60px}.row-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-start}.filters{grid-template-columns:1fr}.download-preview img{width:180px;height:180px}}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.document-editor{background:#f8fafc;border:1px solid #e1e8f0;border-radius:10px;gap:10px;padding:14px;display:grid}.document-toolbar{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.document-toolbar strong,.document-toolbar span{display:block}.document-toolbar strong{color:#34455a;font-size:13px}.document-toolbar span{color:#8a98a8;margin-top:3px;font-size:11px;font-weight:500}.template-tools{align-items:center;gap:6px;display:flex}.template-tools select{width:130px;padding:8px;font-size:11px}.template-tools .quiet-button{padding:8px;font-size:11px}.block-add{gap:6px;display:flex}.block-add button{color:#2768c7;background:#fff;border:1px dashed #9ab9e6;border-radius:7px;flex:1;padding:8px 4px;font-size:11px}.editor-empty{color:#8694a4;text-align:center;margin:2px 0;font-size:12px}.block-list{gap:8px;display:grid}.block-card{background:#fff;border:1px solid #dfe7f0;border-radius:9px;padding:10px}.block-card-head{color:#526275;align-items:center;gap:7px;margin-bottom:9px;font-size:12px;display:flex}.block-index{color:#3976d3;background:#edf3fb;border-radius:5px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:grid}.block-order{gap:3px;margin-left:auto;display:flex}.block-order button{color:#607086;background:#fff;border:1px solid #dbe3ec;border-radius:5px;width:24px;height:24px;padding:0;font-size:13px}.block-order button:disabled{opacity:.35;cursor:not-allowed}.block-order .remove-block{color:#bb3737}.block-fields{gap:7px;display:grid}.block-fields textarea{min-height:76px}.block-fields select,.block-fields input{padding:8px 9px;font-size:12px}.file-note{color:#7d8b9c;overflow-wrap:anywhere;font-size:11px;font-weight:500}.selection-bar{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.select-all{color:#526275;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.select-all input,.row-check input{width:auto}.bulk-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bulk-actions span{color:#748397;font-size:12px}.row-check{justify-content:center;align-items:center;gap:0;display:flex}.qr-row{grid-template-columns:24px 82px minmax(0,1fr) auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.qr-row{grid-template-columns:20px 60px minmax(0,1fr)}.row-actions{grid-column:3}.selection-bar{flex-direction:column;align-items:flex-start}.bulk-actions{width:100%}.document-toolbar{display:grid}.template-tools{width:100%}.template-tools select{flex:1;width:auto}}.preview-panel{border-top:1px solid #e1e8f0;gap:8px;padding-top:5px;display:grid}.preview-heading{color:#526275;justify-content:space-between;align-items:center;font-size:12px;display:flex}.preview-switch{background:#edf2f7;border-radius:7px;gap:3px;padding:3px;display:flex}.preview-switch button{color:#718096;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:11px}.preview-switch button.selected{color:#2768c7;background:#fff;box-shadow:0 1px 3px #1322381a}.document-preview{background:#eaf0f6;border:1px solid #dfe7f0;border-radius:9px;justify-content:center;padding:10px;display:flex;overflow:hidden}.document-preview.phone{min-height:260px}.document-preview.desktop{min-height:190px}.preview-paper{color:#1d2939;background:#fff;border:1px solid #e4eaf0;border-radius:7px;width:100%;max-height:260px;padding:15px;overflow:auto}.document-preview.phone .preview-paper{max-width:210px}.document-preview.desktop .preview-paper{max-width:100%}.preview-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 10px;line-height:1.55}.preview-text.title{font-size:17px;font-weight:800;line-height:1.2}.preview-text.subtitle{font-size:14px;font-weight:700}.preview-text.body{font-size:12px}.preview-text.caption{color:#738196;font-size:10px}.preview-image{color:#8391a2;overflow-wrap:anywhere;text-align:center;border:1px dashed #b5c4d5;border-radius:6px;place-items:center;min-height:62px;margin:8px 0;font-size:10px;display:grid}.preview-button{text-align:center;border-radius:6px;margin:8px 0;padding:8px;font-size:11px;font-weight:700}.preview-button.primary{color:#fff;background:#2768c7}.preview-button.secondary{color:#2768c7;background:#edf3fb}.preview-button.link{color:#2768c7}:root{--ui-ink:#172235;--ui-muted:#718096;--ui-border:#e2e8f0;--ui-border-strong:#cdd8e5;--ui-surface:#fff;--ui-canvas:#f3f6fa;--ui-blue:#2f6fce;--ui-blue-dark:#245ba8;--ui-blue-soft:#edf5ff;--ui-green:#198754;--ui-green-soft:#eaf8f0;--ui-coral:#c85a4b;--ui-coral-soft:#fff3f0}body{background:var(--ui-canvas);color:var(--ui-ink)}.app-shell{max-width:1480px;padding:30px 40px 72px}.topbar{border-bottom:1px solid var(--ui-border);align-items:center;margin-bottom:26px;padding:0 0 24px}.brand-line{gap:14px}.brand-mark{background:var(--ui-ink);border-radius:14px;width:50px;height:50px;box-shadow:0 8px 18px #1722351f}.brand-mark.small{border-radius:12px;width:42px;height:42px}.topbar h1{color:var(--ui-ink);font-size:24px;font-weight:800}.eyebrow{color:var(--ui-blue);letter-spacing:2px}.top-stat{border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-muted);border-radius:9px;align-items:baseline;gap:6px;padding:9px 12px;font-size:12px;display:inline-flex}.top-stat strong{color:var(--ui-green);font-size:16px}.workspace{grid-template-columns:minmax(360px,410px) minmax(0,1fr);gap:24px}.panel{border-color:var(--ui-border);border-radius:16px;box-shadow:0 14px 34px #1722350b}.composer,.library{padding:26px}.composer{border-top:3px solid var(--ui-blue)}.library{border-top:3px solid #2f9f76}.panel-heading{margin-bottom:24px}.panel-heading h2{color:var(--ui-ink);font-size:21px;font-weight:800}label,legend{color:#506178}input,textarea,select{border-color:var(--ui-border-strong);color:var(--ui-ink);border-radius:9px}input::placeholder,textarea::placeholder{color:#a1adbb}input:focus,textarea:focus,select:focus{border-color:var(--ui-blue);box-shadow:0 0 0 3px #2f6fce1a}.type-grid{gap:9px}.type-button{border-color:var(--ui-border);background:#fbfcfe;border-radius:10px;min-height:74px;padding:12px 13px}.type-button strong{color:var(--ui-ink);font-size:13px}.type-button span{line-height:1.45}.type-button:hover{background:#f7fbff;border-color:#9bb9df}.type-button.selected{border-color:var(--ui-blue);background:var(--ui-blue-soft);box-shadow:inset 0 0 0 1px var(--ui-blue), 0 5px 14px #2f6fce12}.primary-button,.secondary-button,.quiet-button,.action-button{transition:border-color .16s,background-color .16s,color .16s,transform .16s,box-shadow .16s}.primary-button{background:var(--ui-blue);border-radius:9px;box-shadow:0 5px 12px #2f6fce26}.primary-button:hover{background:var(--ui-blue-dark);transform:translateY(-1px);box-shadow:0 7px 16px #2f6fce33}.secondary-button{border:1px solid #cfe0f5;border-radius:9px}.quiet-button{border-color:var(--ui-border-strong);border-radius:9px}.quiet-button:hover,.action-button:hover{color:var(--ui-blue-dark);background:#f6faff;border-color:#9bb9df}.error{line-height:1.45}.filters{gap:10px;margin-bottom:16px}.filters input{background:#fbfcfe}.selection-bar{border-top:1px solid var(--ui-border);padding:11px 0}.select-all{color:#5f6f83}.qr-list{border-top-color:var(--ui-border)}.qr-row{gap:18px;padding:18px 0}.qr-thumb{border-color:var(--ui-border);border-radius:10px;width:84px;height:84px;box-shadow:0 4px 12px #1722350b}.qr-info h3{color:var(--ui-ink);font-size:16px;font-weight:800}.qr-info p{color:var(--ui-muted)}.qr-info a{color:var(--ui-blue)}.status{border-radius:999px;padding:4px 8px;font-weight:700}.status.on{color:var(--ui-green);background:var(--ui-green-soft)}.row-actions{gap:7px}.action-button{border-color:var(--ui-border-strong);background:var(--ui-surface);border-radius:8px;padding:8px 10px}.action-button.accent{background:var(--ui-blue-soft);color:var(--ui-blue-dark);border-color:#c7dbf3}.action-button.delete{color:#9f554c}.action-button.delete:hover{background:var(--ui-coral-soft);color:var(--ui-coral);border-color:#e7b6ae}.empty{border:1px dashed var(--ui-border-strong);background:#fbfcfe;border-radius:12px;min-height:320px}.document-editor{border-color:var(--ui-border);background:#f8fafc;border-radius:12px}.block-card{border-color:var(--ui-border);border-radius:10px;box-shadow:0 3px 10px #17223508}.preview-panel{border-top-color:var(--ui-border)}.document-preview{border-color:var(--ui-border);background:#e9eff6;border-radius:10px}.preview-paper{border-color:var(--ui-border);box-shadow:0 4px 12px #1722350d}.login-shell{background:var(--ui-canvas)}.login-panel{border-top:3px solid var(--ui-blue);border-radius:16px;box-shadow:0 18px 50px #17223514}.close-button{transition:background-color .16s,color .16s}.close-button:hover{background:var(--ui-coral-soft);color:var(--ui-coral)}@media (width<=980px){.app-shell{padding:24px 24px 56px}.composer,.library{padding:23px}}@media (width<=640px){.app-shell{padding:18px 12px 42px}.topbar{margin-bottom:18px;padding-bottom:18px}.top-actions{flex-direction:column;align-items:flex-end;gap:7px}.top-stat{padding:6px 9px;display:inline-flex}.composer,.library{border-radius:13px;padding:18px 15px}.panel-heading h2{font-size:19px}.type-button{min-height:68px}.qr-row{gap:12px;padding:15px 0}.row-actions{gap:6px}.action-button{padding:8px 9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}