:root{color:#142126;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#142126;--muted:#74807d;--line:#dfe5df;--surface:#fff;--surface-soft:#f7f8f5;--accent:#eb6748;--accent-dark:#c94b31;--mint:#d6ebe0;--sidebar:#182329;background:#f4f5f1;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f4f5f1;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #eb674847}input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface);border-radius:8px;padding:12px 13px;transition:border-color .18s,box-shadow .18s}input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #eb67481a}#root{min-height:100vh}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eef4ef;background:var(--sidebar);flex-direction:column;padding:32px 25px 25px;display:flex}.brand-mark,.access-mark{color:#fff;background:var(--accent);letter-spacing:.08em;border-radius:12px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.brand-mark{margin-bottom:32px;box-shadow:0 10px 20px #eb674838}.eyebrow{color:var(--accent);letter-spacing:.15em;margin:0 0 8px;font-size:10px;font-weight:800}.sidebar .eyebrow{color:#90b3a6}.sidebar h1{letter-spacing:-.04em;margin:0;font-size:25px}.sidebar-copy{color:#95a49f;margin:8px 0 0;font-size:13px}.sidebar-nav{gap:6px;margin-top:60px;display:grid}.nav-item{color:#95a49f;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 13px;font-size:13px;display:flex}.nav-item.is-active{color:#fff;background:#ffffff17}.nav-item small{color:#90b3a6;font-variant-numeric:tabular-nums}.sidebar-bottom{color:#90a19b;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.live-dot,.status-dot{background:#9fa9a5;border-radius:99px;width:7px;height:7px}.live-dot{background:#70d39b;box-shadow:0 0 0 4px #70d39b1f}.main-content{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#f4f5f1e6;justify-content:space-between;align-items:center;gap:20px;padding:38px 46px 30px;display:flex}.topbar h2{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:30px}.content-wrap{max-width:1320px;margin:0 auto;padding:30px 46px 48px}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.cloud-connector{align-items:center;gap:7px;display:flex}.cloud-connector input{width:170px;padding:10px 11px;font-size:12px}.button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .16s,background .16s,color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{color:#fff;background:var(--accent);box-shadow:0 7px 16px #eb67482e}.button-primary:hover:not(:disabled){background:var(--accent-dark)}.button-quiet{color:var(--ink);background:#eef0ec}.button-quiet:hover:not(:disabled){background:#e1e6df}.button-danger{color:#b54935;background:#fae9e4}.button-small{min-height:32px;color:var(--ink);background:#eef1ed;padding:0 10px;font-size:12px}.metric-row{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:28px;display:grid;overflow:hidden}.metric-block{background:var(--surface);min-height:112px;padding:20px 22px}.metric-block span,.metric-block small{color:var(--muted);font-size:12px;display:block}.metric-block strong{color:var(--ink);letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:9px 0 2px;font-size:28px;display:block}.metric-block--accent{background:#fff2ed}.metric-block--accent strong{color:var(--accent-dark);letter-spacing:.02em;font-size:22px}.workspace-grid{grid-template-columns:minmax(280px,.76fr) minmax(480px,1.24fr);align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0}.list-panel{min-height:590px;padding:24px 0 12px}.editor-panel{min-height:590px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding:0 24px 20px;display:flex}.panel-heading h3{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:20px}.panel-heading--editor{border-bottom:1px solid var(--line);padding:26px 30px 24px}.count-label{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:17px;font-size:12px}.state-pill{color:#7d8784;background:#edf0ec;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:700}.state-pill.is-live{color:#28734c;background:var(--mint)}.search-box{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft);border-radius:8px;align-items:center;gap:8px;margin:0 16px 14px;padding:0 11px;display:flex}.search-box input{box-shadow:none;background:0 0;border:0;padding:10px 0;font-size:12px}.code-list{gap:3px;padding:0 10px;display:grid}.code-row{text-align:left;width:100%;color:var(--ink);background:0 0;border-radius:8px;align-items:center;gap:11px;padding:13px 12px;display:flex}.code-row:hover{background:var(--surface-soft)}.code-row.is-selected{background:#fff1ed}.status-dot{flex:none}.status-dot.is-live{background:#47b878;box-shadow:0 0 0 4px #47b8781a}.code-row-main{flex:1;gap:4px;min-width:0;display:grid}.code-row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.code-row-main small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.row-arrow{color:#a8b0ab;font-size:17px}.empty-list{text-align:center;justify-items:center;gap:8px;padding:74px 20px;display:grid}.empty-list strong{font-size:13px}.empty-list small{color:var(--muted);font-size:12px}.empty-icon{width:34px;height:34px;color:var(--accent);background:#fff1ed;border-radius:10px;place-items:center;font-size:20px;display:grid}.editor-body{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);gap:28px;padding:30px;display:grid}.form-section{align-content:start;gap:16px;display:grid}.field{gap:8px;display:grid}.field>span,.qr-meta>span{color:var(--muted);font-size:12px;font-weight:700}.field input{font-size:13px}.target-input-list{gap:8px;display:grid}.target-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.target-input-row input{min-width:0}.target-add-button{justify-self:start}.form-message{margin:-4px 0 0;font-size:12px}.form-message.is-error{color:#bd4e3a}.form-message.is-success{color:#2c8152}.form-actions{flex-wrap:wrap;gap:8px;padding-top:5px;display:flex}.qr-section{align-content:start;justify-items:center;gap:15px;min-width:0;display:grid}.qr-preview{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:230px;height:230px;padding:12px;display:grid}.qr-code{width:100%;height:100%}.qr-code svg{width:100%;height:100%;display:block}.qr-loading{color:var(--muted);font-size:12px}.qr-meta{gap:7px;width:100%;display:grid}.qr-meta code{width:100%;color:var(--ink);word-break:break-all;font-family:Cascadia Code,Consolas,monospace;font-size:10px;line-height:1.6;overflow:hidden}.qr-actions{flex-wrap:wrap;gap:7px;display:flex}.detail-list{border-top:1px solid var(--line);gap:8px;width:100%;margin:0;padding:14px 0 0;display:grid}.detail-list div{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.target-link{width:100%;color:var(--ink);background:var(--surface-soft);text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px;display:grid}.target-link span{color:var(--muted);font-size:11px}.target-link strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.qr-section--empty{text-align:center;align-content:center;min-height:360px}.empty-qr{color:#a2aea5;letter-spacing:.12em;border:1px dashed #c5cec6;border-radius:10px;place-items:center;width:130px;height:130px;font-size:24px;font-weight:800;display:grid}.qr-section--empty strong{font-size:13px}.qr-section--empty small{color:var(--muted);font-size:11px}.access-page{text-align:center;align-content:center;place-items:center;min-height:100vh;padding:30px;display:grid}.access-page .access-mark{margin-bottom:22px}.access-page h1{letter-spacing:-.05em;margin:0 0 9px;font-size:30px}.access-page p:last-child{color:var(--muted);margin:0;font-size:13px}@media (width<=1050px){.content-wrap,.topbar{padding-left:28px;padding-right:28px}.workspace-grid{grid-template-columns:1fr}.list-panel{min-height:auto}.code-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell{display:block}.sidebar{display:none}.topbar{align-items:flex-start;padding:24px 18px}.topbar h2{font-size:25px}.topbar-actions{flex-direction:column;align-items:flex-end}.cloud-connector input{width:150px}.content-wrap{padding:18px 14px 30px}.metric-row{grid-template-columns:repeat(2,1fr)}.metric-block{min-height:96px;padding:16px}.metric-block strong{font-size:24px}.code-list{grid-template-columns:1fr}.panel-heading--editor,.editor-body{padding-left:20px;padding-right:20px}.editor-body{grid-template-columns:1fr}.qr-section{justify-items:stretch}.qr-preview{justify-self:center}}