#qrt-app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:13px;color:#1a1a1a;max-width:820px;margin:0 auto}
.qrt-title{font-size:17px;font-weight:700;color:#2271b1;margin:0 0 4px;padding:0}
.qrt-sub{font-size:12px;color:#777;margin:0 0 16px}
.qrt-layout{display:grid;grid-template-columns:1fr 280px;gap:14px}
@media(max-width:620px){.qrt-layout{grid-template-columns:1fr}}
.qrt-card{background:#fff;border:1px solid #c8c8c8;border-radius:6px;padding:14px;margin-bottom:14px}
.qrt-card:last-child{margin-bottom:0}
.qrt-card-title{font-size:12px;font-weight:700;color:#2271b1;background:#e8f0f9;padding:5px 10px;margin:-14px -14px 12px;border-radius:5px 5px 0 0;border-bottom:1px solid #c8c8c8}
.qrt-tabs{display:flex;gap:0;border-bottom:1px solid #ddd;margin-bottom:12px;flex-wrap:wrap}
.qrt-tab{padding:6px 14px;font-size:12px;cursor:pointer;border-bottom:2px solid transparent;color:#888;transition:all .15s;margin-bottom:-1px}
.qrt-tab:hover{color:#2271b1}
.qrt-tab.active{color:#2271b1;border-bottom-color:#2271b1;font-weight:600}
.qrt-type-pane{display:none}
.qrt-type-pane.active{display:block}
.qrt-label{display:block;font-size:12px;color:#555;margin-bottom:4px;font-weight:500}
.qrt-input{width:100%;padding:7px 9px;border:1px solid #c8c8c8;border-radius:3px;font-size:13px;font-family:inherit;box-sizing:border-box}
.qrt-input:focus{outline:none;border-color:#2271b1}
textarea.qrt-input{resize:vertical;line-height:1.6}
select.qrt-input{background:#fff;cursor:pointer}
.qrt-btn{padding:6px 14px;border:1px solid #c8c8c8;border-radius:4px;background:#f0f0f0;cursor:pointer;font-size:12px;font-family:inherit;transition:background .15s;line-height:1.4}
.qrt-btn:hover{background:#e0e0e0}
.qrt-btn-primary{background:#2271b1!important;color:#fff!important;border-color:#1a5a99!important;font-weight:700;padding:8px 20px;font-size:13px}
.qrt-btn-primary:hover{background:#1a5a99!important}
.qrt-field{margin-bottom:12px}
.qrt-size-presets{display:flex;gap:4px;flex-wrap:wrap}
.qrt-size-btn{padding:5px 10px;border:1px solid #c8c8c8;border-radius:3px;background:#fafafa;cursor:pointer;font-size:12px;transition:all .15s}
.qrt-size-btn:hover,.qrt-size-btn.active{background:#2271b1;color:#fff;border-color:#2271b1}
.qrt-color-row{display:flex;align-items:center;gap:10px}
input[type=color]{width:38px;height:28px;border:1px solid #c8c8c8;border-radius:3px;cursor:pointer;padding:2px}
.qrt-cp-row{display:flex;gap:5px}
.qrt-cp{width:22px;height:22px;border-radius:50%;border:1px solid #ddd;cursor:pointer;display:block;transition:transform .15s}
.qrt-cp:hover{transform:scale(1.2)}
.qrt-preview-wrap{background:#f8f8f8;border-radius:4px;padding:16px;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center}
#qrt-qr-container{display:inline-block}
#qrt-qr-container canvas,#qrt-qr-container img{max-width:100%;height:auto;display:block}
.qrt-hint-text{font-size:12px;color:#aaa;margin:0;line-height:1.6}
.qrt-note{font-size:11px;color:#888;margin-top:6px;line-height:1.6}
#qrt-history-list{list-style:none;margin:0;padding:0}
#qrt-history-list li{padding:6px 4px;border-bottom:1px solid #f0f0f0;font-size:12px;cursor:pointer;color:#2271b1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#qrt-history-list li:hover{background:#f8f8f8}
#qrt-history-list li:last-child{border-bottom:none}