:root{color:#17221d;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1ed;font-family:Inter,Noto Sans TC,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{letter-spacing:0}:root{--ink:#17221d;--muted:#68756e;--line:#d8ded9;--panel:#fff;--soft:#f5f7f4;--green:#176b4d;--green-dark:#0e4d37;--lime:#b8d948;--red:#b83b42;--amber:#a86616}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.app-shell{min-height:100vh}.topbar{color:#fff;border-bottom:3px solid var(--lime);z-index:20;background:#13251d;align-items:center;gap:30px;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;min-width:230px;padding:0;display:flex}.brand>span{background:var(--lime);color:#17321f;border-radius:4px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.brand div{flex-direction:column;display:flex}.brand strong{font-size:14px}.brand small{color:#aebbb4;text-transform:uppercase;font-size:9px}.topbar nav{flex:1;align-self:stretch;display:flex}.topbar nav button{color:#aebbb4;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 18px;font-size:13px}.topbar nav button.active{color:#fff;border-bottom-color:var(--lime)}.topbar nav span{background:#2a3c34;border-radius:10px;place-items:center;min-width:20px;margin-left:5px;padding:1px 6px;font-size:10px;display:inline-grid}main{min-height:calc(100vh - 68px)}.button{cursor:pointer;border:1px solid #0000;border-radius:5px;min-height:38px;padding:0 16px;font-size:12px;font-weight:700}.button:disabled,.icon-button:disabled,.text-button:disabled{opacity:.45;cursor:not-allowed}.button.primary{color:#fff;background:var(--green)}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.button.info{color:#fff;background:#3b6ef8}.button.info:hover:not(:disabled){background:#2f5be0}.button.success{color:#fff;background:#2fa36b}.button.success:hover:not(:disabled){background:#258355}.new-button{white-space:nowrap;margin-left:auto}.editor-layout{grid-template-columns:minmax(620px,1fr) minmax(360px,470px);min-height:calc(100vh - 68px);display:grid}.editor-pane{background:#f4f6f3;padding:30px clamp(24px,3vw,48px) 56px;overflow:hidden}.preview-pane{background:#e6eae5;border-left:1px solid #ccd4ce;height:calc(100vh - 68px);padding:30px 26px;position:sticky;top:68px;overflow:auto}.section-title,.preview-header,.items-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title{margin-bottom:24px}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:25px;line-height:1.2}h2{margin-bottom:0;font-size:16px}.draft-id,.live-dot{border-radius:12px;padding:5px 9px;font-size:10px;font-weight:800}.draft-id{color:var(--green);background:#dfece5}.live-dot{color:#295a3c;background:#d4e7d8}.form-grid{gap:14px;display:grid}.report-meta{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}.field{color:#56635c;flex-direction:column;gap:6px;min-width:0;font-size:10px;font-weight:800;display:flex}.field>span{text-transform:uppercase}.field small{color:#859088;text-transform:none;min-height:14px;font-weight:500;line-height:1.35}input,select{width:100%;min-width:0;max-width:100%;min-height:39px;color:var(--ink);background:#fff;border:1px solid #cfd6d1;border-radius:4px;outline:none;padding:8px 10px;font-size:13px}input[type=date]{appearance:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 2px #176b4d1f}.items-heading{margin-bottom:10px}.items-heading>div{align-items:baseline;gap:10px;display:flex}.items-heading span{color:var(--muted);font-size:11px}.items-list{flex-direction:column;gap:8px;display:flex}.item-row{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:36px minmax(0,1fr) 118px 30px;align-items:center;gap:12px;padding:13px;display:grid}.item-index{color:var(--green);background:#e5eee8;border-radius:4px;align-self:stretch;place-items:center;font-size:11px;font-weight:900;display:grid}.item-fields{grid-template-columns:1.5fr repeat(5,minmax(72px,1fr));gap:9px;display:grid}.item-result{border-left:1px solid var(--line);color:var(--muted);flex-direction:column;gap:7px;padding-left:10px;font-size:10px;display:flex}.item-result span{justify-content:space-between;gap:5px;display:flex}.item-result strong{color:var(--ink);white-space:nowrap}.icon-button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#eef1ee;border:0;border-radius:4px;font-size:20px;line-height:1}.icon-button.danger:hover:not(:disabled){color:#fff;background:var(--red)}.total-band{color:#fff;background:#172b22;border-radius:6px;grid-template-columns:repeat(5,1fr);margin:16px 0 20px;display:grid;overflow:hidden}.total-band div{border-right:1px solid #31443b;min-width:0;padding:13px 16px}.total-band div:last-child{background:#213a2e;border:0}.total-band span,.total-band strong{display:block}.total-band span{color:#a9b7af;text-transform:uppercase;margin-bottom:3px;font-size:9px}.total-band strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.editor-actions{grid-template-columns:minmax(180px,1fr) auto auto;align-items:end;gap:10px;display:grid}.preview-header{margin-bottom:16px}.preview-pane pre{color:#e9f0eb;white-space:pre-wrap;word-break:break-word;background:#13251d;border:1px solid #2e4439;border-radius:6px;min-height:500px;margin:0;padding:22px;font:12px/1.8 Cascadia Code,Consolas,monospace;overflow:auto;box-shadow:0 12px 28px #1d30271f}.page-section{max-width:1400px;margin:0 auto;padding:34px 38px 60px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:6px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6eae7;padding:13px 15px}th{color:var(--muted);text-transform:uppercase;background:#f5f7f5;font-size:10px}tbody tr:last-child td{border-bottom:0}.status{border-radius:10px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.status.sent{color:var(--green);background:#dfece5}.status.draft{color:#6b716e;background:#e9ecea}.status.error{color:var(--red);background:#f6e1e2}.row-actions{justify-content:flex-end;gap:10px;display:flex}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:11px;font-weight:700}.danger-text{color:var(--red)}.empty{color:var(--muted);text-align:center;background:#fff;border:1px dashed #cbd3cd;border-radius:6px;padding:50px 20px}.tg-page{max-width:760px}.tg-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:18px;overflow:hidden}.tg-card-head{color:var(--ink);border-bottom:1px solid var(--line);background:#f5f7f4;padding:14px 20px;font-size:14px;font-weight:800}.tg-card-body{padding:20px}.tg-desc{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.7}.tg-card-body .field{margin-bottom:14px}.code-chip{color:var(--green);white-space:nowrap;background:#e9ece9;border-radius:5px;padding:2px 7px;font:600 12px/1.4 Cascadia Code,Consolas,monospace}.code-chip.blue{color:#2b6cb0;background:#e6effa}.tg-actions{flex-wrap:wrap;gap:10px;display:flex}.tg-steps{color:var(--ink);margin:0;padding-left:22px;font-size:13px;line-height:2.1}.tg-steps li{padding-left:4px}.pairing-list{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:18px;padding-top:18px;display:flex}.pairing-row{border:1px solid var(--line);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.pairing-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pairing-info strong{font-size:13px}.pairing-info span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.pairing-code{color:var(--ink);letter-spacing:1px;background:#eef3ee;border-radius:5px;padding:5px 9px;font:700 13px/1 Cascadia Code,Consolas,monospace}.toast{z-index:50;color:#fff;border-left:4px solid var(--lime);background:#26372f;border-radius:4px;max-width:min(380px,100vw - 44px);padding:12px 16px;font-size:12px;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 30px #0003}.toast.error{border-left-color:#ef7177}.toast.warning{border-left-color:#f5a623}@media (width<=1100px){.editor-layout{grid-template-columns:1fr}.preview-pane{border-left:0;border-top:1px solid var(--line);height:auto;position:static}.item-fields{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:62px;padding:10px 14px}.brand{flex:1;min-width:0}.brand small{display:none}.topbar nav{order:3;width:100%;overflow-x:auto}.topbar nav button{white-space:nowrap;min-height:36px;padding:0 12px}.new-button{min-height:34px;padding:0 10px}.editor-pane,.preview-pane,.page-section{padding:22px 14px 40px}.report-meta{grid-template-columns:1fr}.item-row{grid-template-columns:30px minmax(0,1fr) 28px;align-items:start}.item-fields{grid-template-columns:1fr 1fr}.item-result{border-left:0;border-top:1px solid var(--line);flex-direction:row;grid-column:2/3;justify-content:flex-start;padding:8px 0 0}.item-result span{gap:6px}.total-band{grid-template-columns:1fr 1fr}.total-band div{border-bottom:1px solid #31443b;padding:10px 11px}.total-band div:last-child{grid-column:1/-1}.total-band span{letter-spacing:0;font-size:8px}.total-band strong{white-space:normal;word-break:break-word;font-size:clamp(12px,3.4vw,14px);line-height:1.25;overflow:visible}.editor-actions{grid-template-columns:1fr 1fr}.editor-actions .field{grid-column:1/-1}.pairing-row{grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px}.pairing-code{grid-column:2/-1;justify-self:start}.pairing-row .danger-text{grid-area:1/3;justify-self:end}}