:root{color-scheme:dark;--bg:#17120e;--panel:#211c18;--line:#3b3632;--muted:#9f9a96;--lime:#ffad55}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f2eee9;font-family:Space Grotesk,Noto Sans TC,sans-serif;font-size:14px}header{height:88px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:1px}.mark{font-size:34px;color:var(--lime);margin-right:6px}.light{font-weight:400;color:#c1bcb8}.local{font-size:12px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:44px 48px 24px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:var(--lime);font-size:11px;letter-spacing:2px;margin:0 0 13px}h1{font-size:34px;letter-spacing:-1px;margin:0;font-weight:600}h1 span{color:var(--lime)}.subtitle{color:var(--muted);margin:13px 0 25px}.actions{display:flex;gap:10px}button{font:inherit;cursor:pointer;border:1px solid #47423e;border-radius:7px;background:transparent;color:#e2ddd9;padding:9px 13px;white-space:nowrap}button:hover{border-color:var(--lime);color:var(--lime)}button:disabled{opacity:.35;cursor:not-allowed}.primary{background:var(--lime);color:#20170e;border:none;font-weight:700;padding:14px 23px}.primary:hover{color:#20170e;background:#ffc17f}.secondary{padding:13px 19px}.notice{background:#2a2521;border:1px solid #443f3b;border-radius:7px;padding:12px 16px;color:#c8baac;font-size:12px;margin-bottom:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:24px;padding:24px 0}.metrics article{padding:0 26px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}label{color:#b5b0ac;font-size:12px}.metrics strong{display:block;font-size:34px;letter-spacing:-1px;font-weight:500;margin:12px 0}.lime{color:var(--lime)}small{color:var(--muted);font-size:11px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7b7672;margin-right:7px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:12px}h2{font-size:14px;font-weight:500;margin:0}.index{color:#827d79;font-size:11px;margin-right:10px}.pill{font-size:10px;background:#35302c;color:#bdb8b4;border-radius:4px;padding:4px 7px}.empty{height:238px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#302b27,#1f1a16 75%);border-block:1px solid #342f2b}.viewicon{font-size:32px;color:#938e8a;line-height:1}h3{font-size:16px;margin:10px 0 0}.empty p{font-size:12px;text-align:center;color:var(--muted);line-height:1.8;margin:8px}.example{border:1px dashed var(--lime);padding:6px 10px;width:210px;font-size:11px;margin:4px 0 8px}.example span{color:#bfbab6}.expbar{height:6px;margin-top:5px;background:linear-gradient(90deg,#ff9f3f 11%,#625d59 11%);border-radius:2px}.monitorbar{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:var(--muted)}.monitorbar button{font-size:11px;padding:6px 9px}.legend{color:var(--lime);font-size:11px}.chartwrap{height:250px;position:relative;padding:0 18px}#chart{width:100%;height:100%}#chartEmpty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.chartfoot{display:flex;justify-content:space-between;padding:0 24px 18px;font-size:10px;color:#8a8581}.bottom{display:grid;grid-template-columns:1fr 310px;gap:22px;margin-top:22px}.tablewrap{max-height:260px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-weight:400;color:#95908c;background:#1e1915}td,th{padding:13px 22px;border-top:1px solid #36312d}td{color:#d4cfcb}.no-record{text-align:center;height:148px;color:#8b8682}.settings{padding:21px}.settings h2{margin-bottom:19px}.settings label{display:flex;justify-content:space-between;align-items:center;margin:12px 0;gap:12px}.settings label:has(input){display:block}.settings input{width:100%;margin-top:8px}input,select{background:#1a1511;border:1px solid #45403c;color:#e3d9ce;border-radius:5px;padding:8px;font:inherit;font-size:12px}.settings p{color:#938e8a;font-size:11px;line-height:1.8}.settings details{border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:#b6b1ad}.settings details button{margin-top:8px}summary{cursor:pointer}footer{display:flex;justify-content:space-between;margin-top:28px;color:#827d79;font-size:10px;letter-spacing:.6px}.dim{color:#5e5955}#live{height:238px;background:#1a1511;display:flex;flex-direction:column;align-items:center;justify-content:center}#live[hidden]{display:none}#crop{max-width:90%;max-height:155px;image-rendering:pixelated;border:1px dashed #d5ae87}#live p{font-size:11px;color:var(--muted)}dialog{background:#221d19;border:1px solid #65605c;border-radius:12px;color:#efe7df;max-width:1100px;width:92vw;max-height:95vh}dialog::backdrop{background:#000b}dialog p{color:var(--muted);font-size:12px}#selectionStage{position:relative;line-height:0;touch-action:none;cursor:crosshair;max-width:100%;margin:auto;width:fit-content}#screen{max-width:100%;max-height:65vh;display:block}#selectionBox{position:absolute;border:2px solid var(--lime);background:#ffad5522;pointer-events:none;display:none}.dialogfoot{display:flex;justify-content:space-between;align-items:center;padding:18px 8px 5px}#dimensions{font-size:12px;color:var(--muted)}#review{border:1px solid #9b8640;background:#38311c;padding:10px;border-radius:5px}#review b{display:block;font-size:12px;margin-bottom:9px}#review button{font-size:11px;margin:3px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:1000px){main{padding:28px 24px}header{padding:0 24px}.heading{align-items:flex-start}h1{font-size:27px}.metrics article{padding:0 17px}.metrics strong{font-size:27px}.bottom{grid-template-columns:1fr 280px}.actions{flex-direction:column}}@media(max-width:720px){header{height:70px}.local{display:none}.heading{display:block}.actions{flex-direction:row;margin-bottom:20px}.metrics{grid-template-columns:1fr 1fr;gap:25px}.metrics article:nth-child(2){border:0}.workspace,.bottom{grid-template-columns:1fr}h1{font-size:25px}footer{gap:20px;line-height:1.8}td,th{padding:12px}.panelhead{padding:18px}dialog .panelhead{display:block}.dialogfoot{gap:10px}.dialogfoot button{padding:12px;font-size:12px}}[hidden]{display:none!important}.node-menu{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:24px}.node-menu-label{font-size:10px;letter-spacing:1px;color:#9f9a96;white-space:nowrap}.node-menu-item{color:var(--lime);background:#352a1f;border:1px solid #5d4934;border-radius:6px;text-decoration:none;padding:10px 14px;font-size:12px;white-space:nowrap}.node-menu-item:hover{background:#473829}.node-menu-item:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.table-note{font-size:11px;color:var(--muted);padding:0 22px}main{scroll-margin-top:20px}@media(max-width:1000px){header .local{display:none}.node-menu{margin-right:0}}@media(max-width:720px){header{height:auto;min-height:110px;flex-wrap:wrap;padding:12px 24px;gap:8px}.node-menu{width:100%;margin:0;gap:12px}.node-menu-item{padding:8px 12px}}.node-menu-item:not([aria-current]){color:#b9b4b0;background:transparent;border-color:#443f3b}header{height:auto;min-height:106px;flex-wrap:wrap;gap:16px;padding-top:14px;padding-bottom:14px}.brand{min-width:0;gap:14px;letter-spacing:0}.brand-logo{width:112px;height:112px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.brand-copy{display:flex;flex-direction:column;gap:8px}.brand-copy strong{font-size:19px;line-height:1.5;color:#ffad55}.brand-copy small{font-size:11px;line-height:1.5;font-weight:400;letter-spacing:.6px;color:#c1bcb8}@media(max-width:720px){header{padding:12px 18px}.brand-logo{width:80px;height:80px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:9px}.brand{width:100%}}