:root{font-family:Manrope,Arial,sans-serif;color:#25313c;background:#f5f7f9;font-size:16px;--teal:#087b70;--line:#e5eaee;--muted:#75808b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}a{color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:800;font-size:21px;text-decoration:none}.brand-icon{display:grid;place-items:center;color:white;background:var(--teal);border-radius:11px;width:37px;height:37px}.version{font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-left:47px;margin-top:-9px}.workspace{display:flex;align-items:center;gap:10px;margin:36px 0;border-block:1px solid var(--line);padding:20px 0;font-size:14px}.workspace small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.avatar{background:#edf4f8;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.nav-label{font-size:11px;letter-spacing:1px;color:#909ba4;margin-bottom:14px}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:13px 12px;font-size:14px;font-weight:600;border-radius:8px}nav a span{width:22px;font-size:22px;line-height:1;color:#87939d}nav a.active{color:var(--teal);background:#eaf5f2}nav a.active span{color:var(--teal)}.sidebar-bottom{margin-top:auto;font-size:12px;color:#647481}.sidebar-bottom small{display:block;font-size:11px;margin:7px 0 0 13px}.demo-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#df9a39;margin-right:7px}.shell{margin-left:264px}header{height:74px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:15px}.breadcrumb{font-size:13px;color:#6e7a85}.breadcrumb span{padding:0 12px;color:#b8c1c8}.demo-badge{font-size:12px;background:#fff7e8;color:#936b27;padding:7px 12px;border-radius:6px}main{max-width:1460px;margin:auto;padding:36px 40px;min-height:calc(100vh - 132px)}h1{font-size:29px;letter-spacing:-.8px;margin:0 0 8px;font-weight:800}h2{font-size:18px;margin:0}h3{font-size:15px;margin:0}p{line-height:1.65}.intro{color:var(--muted);font-size:14px;margin:0}.title-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.tag{font-size:12px;color:var(--teal);background:#e9f5f1;padding:6px 10px;border-radius:5px;white-space:nowrap}.grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.4fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-body{padding:24px}.muted{font-size:13px;color:var(--muted);line-height:1.7}.label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}input,select,textarea{width:100%;border:1px solid #dce3e8;border-radius:7px;padding:11px 12px;background:white;color:#2c3944;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #60b4a8}textarea{min-height:180px;resize:vertical;line-height:1.7}.field{margin-bottom:20px}.field small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.btn{border:1px solid #dce4e8;background:#fff;color:#33424c;border-radius:7px;padding:11px 16px;font-size:14px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.btn.primary{background:var(--teal);color:white;border-color:var(--teal)}.btn:disabled{opacity:.5;cursor:default}.btn:hover:not(:disabled){filter:brightness(.96)}.wide{width:100%}.section-divider{border-top:1px solid var(--line);margin:24px 0}.scenario{display:flex;gap:10px;align-items:center;text-align:left;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;margin-top:9px;font-size:13px}.scenario:hover,.scenario.selected{border-color:#86c1b8;background:#f0f9f6}.scenario-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#eef3f6;color:#687c8b}.scenario small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.empty{text-align:center;padding:55px 24px;color:#7b8790}.empty-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 16px;background:#edf5f3;border-radius:20px;color:var(--teal);font-size:34px}.summary{padding:22px 24px;background:#f0f9f6;border-bottom:1px solid #dcefe8}.summary.warning{background:#fff8ee;border-color:#f0e3c9}.summary h2{font-size:17px;margin-bottom:6px}.summary p{margin:0;font-size:13px;color:#5c736e}.warning p{color:#897042}.stats{display:flex;gap:32px;margin-top:18px}.stat strong{font-size:25px;display:block;font-weight:800}.stat span{font-size:12px;color:#71847e}.result-section{padding:20px 24px;border-bottom:1px solid var(--line)}.result-section:last-child{border:0}.section-label{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#84919b;margin-bottom:14px}.entity{padding:15px;border:1px solid var(--line);border-radius:8px;margin-top:10px}.entity-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:8px}.entity-title strong{font-size:14px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 7px;border-radius:4px;background:#edf4f8;color:#52738a;font-size:11px}.chip.green{background:#e8f5ed;color:#347351}.chip.amber{background:#fff3df;color:#987026}.entity-meta{font-size:12px;color:#7e8a94;line-height:1.8}.entity-id{font-size:11px;color:#8997a1;font-weight:500;margin-left:6px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.notification{border-left:3px solid var(--teal);padding:13px 16px;background:#f6f8fa;border-radius:0 7px 7px 0;font-size:13px;white-space:pre-line;line-height:1.8;margin-top:14px}.notice{padding:13px 16px;background:#fff7e9;border:1px solid #f1e4cc;border-radius:8px;font-size:13px;color:#8c6c35;line-height:1.7;margin-top:18px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.toggle-row:first-child{padding-top:0}.toggle-row p{margin:6px 0 0;font-size:13px;color:var(--muted)}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{position:absolute;inset:0;background:#d7dfe4;border-radius:20px;cursor:pointer}.switch span:before{content:'';position:absolute;width:18px;height:18px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .15s}.switch input:checked+span{background:var(--teal)}.switch input:checked+span:before{transform:translateX(18px)}.switch input:focus-visible+span{outline:2px solid var(--teal);outline-offset:4px}.steps{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.step{padding:8px 12px;background:#f0f4f7;border-radius:6px;font-size:12px}.step.done{background:#e8f5ee;color:#367b55}.outputs{display:grid;gap:8px;margin-top:15px}.output{display:flex;justify-content:space-between;gap:15px;padding:11px;background:#f7f9fa;border-radius:6px;font-size:13px}.output code{font-size:12px;color:#658493}.rule{border:1px solid var(--line);border-radius:8px;padding:15px;margin-top:12px;font-size:13px;line-height:1.7}.rule strong{color:var(--teal)}.check-line{display:flex;align-items:center;gap:9px;font-size:14px;margin:12px 0}.check-line input{width:17px;height:17px;accent-color:var(--teal)}footer{font-size:11px;color:#8b98a2;padding:18px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#263f3b;color:white;box-shadow:0 8px 28px #0002;padding:13px 20px;border-radius:8px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:9;max-width:90vw}#toast.show{opacity:1}.saved{font-size:12px;color:#74848e;margin-top:16px}.timeline-entry{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:12px;white-space:pre-line;line-height:1.6}.error{color:#ae4545;font-size:13px;margin-bottom:14px}.form-section{margin-top:22px}fieldset{border:0;padding:0;margin:0}legend{font-size:14px;font-weight:700;margin-bottom:10px}
@media(min-width:1500px){.grid{grid-template-columns:410px 1fr}}@media(max-width:1100px){.sidebar{width:220px;padding:25px 15px}.shell{margin-left:220px}main{padding:26px 24px}header{padding:0 24px}.grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.brand{font-size:19px}.sidebar-bottom small{font-size:10px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px;display:block;border-right:0;border-bottom:1px solid var(--line)}.workspace,.nav-label,.sidebar-bottom,.version{display:none}nav{display:flex;overflow-x:auto;margin-top:18px;gap:4px}nav a{white-space:nowrap;font-size:12px;padding:10px}nav a span{display:none}.shell{margin:0}header{height:auto;padding:14px 18px;flex-wrap:wrap}.breadcrumb{font-size:12px}main{padding:24px 16px}h1{font-size:24px}.title-row{align-items:start}.title-row>.tag{display:none}.panel-head,.panel-body,.result-section,.summary{padding:18px}.stats{gap:22px}.stat strong{font-size:22px}footer{padding:16px;display:block}footer span{display:block;margin-top:7px}.entity-title{flex-wrap:wrap}.output{flex-wrap:wrap}.steps{gap:6px}}