.app{max-width:1100px;margin:0 auto;padding:2rem 1.25rem 3rem}.header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:2rem}.brand{display:flex;align-items:center;gap:1rem}.logo{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 8px 28px #3dd6c738}.brand h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.02em}.tagline{margin:.2rem 0 0;font-size:.85rem;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;max-width:100%;justify-content:flex-end}.tab{border:none;background:transparent;color:var(--muted);padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;font-weight:500;transition:background .15s,color .15s}.tab:hover{color:var(--text)}.tab.active{background:var(--accent-dim);color:var(--accent)}.lang-switch select{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:999px;padding:.45rem .75rem;cursor:pointer}.main{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.pwa-banner{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.75rem;margin-bottom:1rem;display:grid;gap:.6rem}@media (min-width: 768px){.main{padding:2rem}}.footer{margin-top:2rem;font-size:.8rem;color:var(--muted);line-height:1.6}.footer p{margin:0}.qr-layout{display:grid;gap:1.75rem}@media (min-width: 900px){.qr-layout{grid-template-columns:1fr 340px;align-items:start}}.panel{display:flex;flex-direction:column;gap:1rem}.panel h2{margin:0 0 .25rem;font-size:1.05rem;font-weight:600}.hint{margin:0;font-size:.8rem;color:var(--muted);line-height:1.5}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.8rem;font-weight:500;color:var(--muted)}.field input,.field select,.field textarea{padding:.55rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3dd6c773}.field .field-invalid{border-color:#ef4444bf;box-shadow:0 0 0 2px #ef44441f}.field textarea{min-height:120px;resize:vertical}.row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.seg{display:flex;flex-wrap:wrap;gap:.4rem}.seg button{border:1px solid var(--border);background:var(--surface);color:var(--muted);padding:.35rem .65rem;border-radius:8px;cursor:pointer;font-size:.8rem}.seg button.active{border-color:#3dd6c780;background:var(--accent-dim);color:var(--accent)}.preview-card{position:sticky;top:1rem;padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-canvas-wrap{width:100%;display:flex;justify-content:center;min-height:200px;align-items:center;background:#fff;border-radius:12px;padding:12px}.qr-canvas-wrap canvas,.qr-canvas-wrap svg{max-width:100%;height:auto}.actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.btn{border:none;border-radius:10px;padding:.55rem 1rem;font-weight:600;cursor:pointer;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,var(--accent),#22b8cf);color:#041018}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.45;cursor:not-allowed}.drop{border:1px dashed var(--border);border-radius:12px;padding:1.5rem;text-align:center;color:var(--muted);font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s}.drop:hover{border-color:#3dd6c759;background:rgba(61,214,199,.06)}.decode-result{width:100%;margin:0;padding:1rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.85rem;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto}.err{color:var(--danger);font-size:.85rem;margin:0}.seg-wrap{flex-wrap:wrap}.byte-meter{margin:0;font-size:.75rem;color:var(--muted);text-align:center;line-height:1.4}.byte-meter.warn{color:#fbbf24}.byte-meter.warn-strong{color:var(--danger)}.code-inline{font-size:.8em;padding:.1rem .35rem;border-radius:6px;background:var(--surface);border:1px solid var(--border)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.csv-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.mini-actions{display:flex;flex-wrap:wrap;gap:.35rem}.mini-actions .btn{padding:.35rem .55rem;font-size:.78rem}.bulk-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.5rem}.csv-hint{margin-top:.35rem!important}.decode-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.decode-history-hint{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.75rem!important}.btn-link{border:none;background:none;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline;padding:0}.btn-link:hover{color:#5ee4d6}.tpl-page{display:flex;flex-direction:column;gap:1rem}.tpl-hero h2{margin:0 0 .35rem;font-size:1.15rem}.tpl-filters{display:flex;flex-direction:column;gap:.75rem}.tpl-search input{width:100%;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.tpl-select-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 520px){.tpl-select-row{grid-template-columns:1fr}}.tpl-field select{width:100%;padding:.5rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.tpl-count{margin:0!important}.tpl-fav-row{display:flex;justify-content:flex-start}.tpl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tpl-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;background:var(--surface);display:flex;flex-direction:column;gap:.5rem}.tpl-card-title{margin:0;font-size:.95rem;font-weight:600;line-height:1.35}.tpl-card-blurb{margin:0;font-size:.82rem;color:var(--muted);line-height:1.45;flex:1}.tpl-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tpl-tag{font-size:.68rem;padding:.15rem .45rem;border-radius:6px;font-weight:500}.tpl-tag-scene{background:var(--accent-dim);color:var(--accent)}.tpl-tag-ind{background:rgba(255,255,255,.06);color:var(--muted)}.tpl-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.tpl-card-actions .btn{flex:1;min-width:6rem;justify-content:center}.bulk-wrap{display:flex;flex-direction:column;gap:1.5rem}.bulk-textarea{min-height:220px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem}.print-panel{padding:1rem 0 0;border-top:1px solid var(--border)}.print-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.print-title{margin:0;font-size:1rem;flex:1;min-width:8rem}.print-layout{margin:0 0 .85rem;display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}.print-layout .field{max-width:180px}.print-check{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;font-size:.85rem;color:var(--muted)}.print-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.print-cell{margin:0;padding:.75rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);text-align:center;break-inside:avoid}.print-cell img{display:block;margin:0 auto;max-width:100%;height:auto}.print-cell figcaption{margin-top:.5rem;font-size:.85rem;font-weight:600;color:var(--text);word-break:break-word}.print-data{margin:.35rem 0 0;font-size:.7rem;color:var(--muted);word-break:break-all;line-height:1.35}.quality-box{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.75rem;display:grid;gap:.35rem}.dash-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dash-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.8rem}.dash-card-label{margin:0;color:var(--muted);font-size:.78rem}.dash-card-value{margin:.25rem 0 0;font-size:1.05rem;font-weight:600}.dash-card-value-small{font-size:.82rem;font-weight:500;word-break:break-word}.dash-chart{margin-top:.5rem;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;align-items:end}.dash-bar-col{display:grid;gap:.2rem;justify-items:center}.dash-bar-track{width:100%;height:80px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.02);position:relative;overflow:hidden}.dash-bar-fill{position:absolute;left:0;right:0;bottom:0;min-height:3px;background:linear-gradient(180deg,var(--accent),#22b8cf)}.dash-bar-count{font-size:.72rem;color:var(--text)}.dash-bar-label{font-size:.68rem;color:var(--muted)}.data-stats{display:grid;gap:.25rem}.import-preview{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.9rem;display:grid;gap:.7rem}.import-preview h3{margin:0;font-size:.95rem}.import-diff-list{display:grid;gap:.25rem}@media print{.no-print{display:none!important}.main{border:none!important;padding:0!important;background:#fff!important}.print-cell{border-color:#ddd!important;background:#fff!important}.print-data{color:#444!important}}:root{--bg: #0c1222;--bg-elevated: #121a2e;--surface: #182238;--border: rgba(255, 255, 255, .08);--text: #e8edf7;--muted: #8b98b3;--accent: #3dd6c7;--accent-dim: rgba(61, 214, 199, .15);--danger: #f87171;--radius: 14px;--font: system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1a2844 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#132a32 0%,transparent 50%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent)}button,input,select,textarea{font:inherit}