*{box-sizing:border-box}body{margin:0;background:#f7f4ed;color:#272b27;font:14px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a77c31;outline-offset:4px}header,main{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #e0ddd2}header>a:last-child{font-size:12px;color:#77765f}.brand{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:600;letter-spacing:-1.2px}.brand img{width:43px}main{padding:46px 0 20px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#8e7038;font-weight:600}h1{font-weight:500;font-size:clamp(32px,4vw,49px);line-height:1.13;letter-spacing:-1.7px;margin:16px 0}em{font-style:normal;color:#987133}.intro{color:#737866;margin:16px 0 24px}.notice{padding:12px 16px;border:1px solid #dfd3b5;border-radius:10px;background:#fcf7e9;color:#7c6a43;font-size:12px}.workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin-top:28px;align-items:stretch}.agent,.viewer{border:1px solid #dedace;border-radius:17px;background:#fffefa;overflow:hidden}.agent{padding:28px}h2{font-size:25px;letter-spacing:-.6px;line-height:1.25;font-weight:500;margin:14px 0}.agent>p,.scope p{color:#7a7e70;font-size:12px}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 10px}.toolbar span{padding:6px 8px;background:#f4f2e9;border:1px solid #e3ded0;border-radius:6px;font-size:10px;color:#7c806e}.gold,.dark{border-radius:9px;padding:12px 16px;font-weight:600;border:1px solid #dfb15d}.gold{width:100%;display:flex;justify-content:space-between;background:#e8bd69;color:#272b27}.gold.active{background:#272b27;color:#fff8e8;border-color:#272b27}.status{display:flex;gap:12px;align-items:center;margin:24px 0;padding-bottom:23px;border-bottom:1px solid #e4dfd2}.status i{width:8px;height:8px;border-radius:50%;background:#b6b6a7}.status i.active{background:#7e9c64}.status strong{font-size:13px;font-weight:500}.status small{display:block;font-size:11px;color:#828776;margin-top:3px}.scope strong{font-size:12px;font-weight:500}.scope p{line-height:1.8}.text{border:0;background:none;color:#806d44;font-size:11px;padding:8px 0;margin-top:10px}.tab-bar{padding:14px 18px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e1ddcf;font-size:11px;color:#6b735f}.tab-dots{font-size:8px;letter-spacing:3px;color:#c9c6b8}.tab-label{margin-left:auto;font-size:9px;color:#987437}.screen{padding:20px;background:#efede4;min-height:370px}.viewer-state{text-align:center;font-size:11px;color:#79816d;margin-bottom:17px}.sample{padding:26px;border:1px solid #e1ddd0;border-radius:9px;background:#fffefa;max-width:420px;margin:auto}.sample>p{font-size:12px;color:#7c8370}.sample label{display:block;font-size:11px;color:#757d68;margin:22px 0 6px}.sample input{width:100%;padding:11px;border:1px solid #dcd7c8;border-radius:7px;background:#f8f6ee;color:#3d4834;font-size:12px}.dark{margin-top:15px;width:100%;background:#2b3029;color:#fff7e7;border-color:#2b3029;font-size:12px}.result{min-height:20px;font-size:11px!important;margin-bottom:0}.viewer-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#838a76;padding:12px 18px}footer{text-align:center;font-size:11px;color:#8b907f;margin-top:25px}@media(max-width:740px){.workspace{grid-template-columns:1fr}.agent{padding:23px}.screen{padding:16px}.sample{padding:20px}main{padding-top:30px}header,main{width:calc(100% - 32px)}header>a:last-child{font-size:10px}.brand{font-size:23px}}