.list-page{max-width:1400px;margin:24px auto}.template-editor{max-width:1460px;margin:0 auto}.template-editor-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.template-editor-grid{grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:start;gap:24px;display:grid}.template-editor-controls{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.template-editor-controls .ant-radio-group{flex-wrap:wrap;gap:8px;display:flex}.template-editor-controls .ant-radio-button-wrapper{height:auto;padding:8px 12px;border-radius:6px!important}.template-choice{justify-items:center;gap:4px;min-width:64px;font-size:12px;line-height:1.2;display:grid}.template-choice-icon{color:#1f2937;background:#fff;width:40px;height:40px;display:block;position:relative}.template-choice-icon.frame-none{border:1px dashed #94a3b8}.template-choice-icon.frame-square{border:4px solid}.template-choice-icon.frame-rounded{border:4px solid;border-radius:10px}.template-choice-icon.frame-label-top,.template-choice-icon.frame-label-bottom{border:3px solid}.template-choice-icon.frame-label-top:before,.template-choice-icon.frame-label-bottom:after{content:"SCAN";text-align:center;color:#fff;background:#1f2937;height:10px;font-size:7px;font-weight:700;line-height:10px;position:absolute;left:0;right:0}.template-choice-icon.frame-label-top:before{top:0}.template-choice-icon.frame-label-bottom:after{bottom:0}.template-choice-icon.pattern-square,.template-choice-icon.pattern-rounded,.template-choice-icon.pattern-dots,.template-choice-icon.pattern-classy,.template-choice-icon.pattern-diamond{grid-template-rows:repeat(2,11px);grid-template-columns:repeat(2,11px);place-content:center;gap:3px;display:grid}.template-choice-icon.pattern-square i,.template-choice-icon.pattern-rounded i,.template-choice-icon.pattern-dots i,.template-choice-icon.pattern-classy i,.template-choice-icon.pattern-diamond i{background:#1f2937;display:block}.template-choice-icon.pattern-rounded i{border-radius:3px}.template-choice-icon.pattern-dots i{border-radius:50%}.template-choice-icon.pattern-classy i{border-radius:0 0 5px}.template-choice-icon.pattern-diamond i{transform:rotate(45deg)scale(.8)}.template-choice-icon.corner-square,.template-choice-icon.corner-rounded,.template-choice-icon.corner-circle{box-sizing:border-box;border:6px solid #1f2937;place-items:center;display:grid}.template-choice-icon.corner-rounded{border-radius:12px}.template-choice-icon.corner-circle{border-radius:50%}.template-choice-icon.corner-square i,.template-choice-icon.corner-rounded i,.template-choice-icon.corner-circle i{background:#1f2937;width:12px;height:12px}.template-choice-icon.corner-rounded i{border-radius:4px}.template-choice-icon.corner-circle i{border-radius:50%}.template-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 12px;display:grid}.template-color-field{gap:6px;display:grid}.template-color-field>div{gap:8px;display:flex}.template-color-field input[type=color]{cursor:pointer;background:0 0;border:0;width:48px;height:32px;padding:0}.template-editor-preview{position:sticky;top:24px}.template-editor-preview img{width:100%;max-width:360px;margin:auto;display:block}.template-editor-preview p{margin:20px 0 0}.template-loading{text-align:center;padding:80px}@media (width<=900px){.template-editor-grid{grid-template-columns:1fr}.template-editor-preview{position:static}}@media (width<=580px){.template-color-grid{grid-template-columns:1fr}.template-editor-header{flex-direction:column;align-items:flex-start;margin-bottom:16px}}.qr-editor{max-width:1280px;margin:0 auto}.qr-editor-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}.qr-catalog{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:24px;display:grid}.qr-type-button{text-align:left;white-space:normal;width:100%;height:auto;padding:16px;display:block}.qr-type-button strong,.qr-type-button small{display:block}.qr-type-button small{margin-top:4px;font-weight:400}.qr-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.qr-field{flex-direction:column;gap:6px;min-width:0;display:flex}.qr-field-wide{grid-column:1/-1}.qr-field small{color:#64748b}.qr-field input[type=file]{max-width:100%;display:block}.qr-field input[type=datetime-local]{border:1px solid #d9d9d9;border-radius:6px;width:100%;padding:7px}.qr-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qr-content-image{object-fit:contain;max-width:180px;max-height:150px}.qr-list-item{border:1px solid #d9d9d9;border-radius:8px;grid-template-columns:1fr;gap:12px;margin:12px 0;padding:12px;display:grid}.qr-preview{position:sticky;top:24px}.qr-preview img{width:100%;max-width:360px;margin:auto;display:block}.qr-preview iframe{background:#fff;border:1px solid #d9d9d9;border-radius:16px;width:100%;height:620px}.qr-fields fieldset{border:1px solid #d9d9d9;border-radius:8px;padding:12px}.qr-fields legend{padding:0 6px}.qr-block{margin-bottom:16px}@media (width<=850px){.qr-editor-layout{grid-template-columns:1fr}.qr-preview{position:static}}@media (width<=500px){.qr-fields{grid-template-columns:1fr}}body{margin:0}