:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#202622;background:#f3f4ef;font-synthesis:none;--orange:#e8592b;--muted:#768077;--line:#e4e7df}*{box-sizing:border-box}body{margin:0}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center}.brand strong{font-size:23px;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:var(--muted)}.mark{font-size:28px;background:#243c31;color:#fff;border-radius:12px;padding:5px 10px;font-weight:700}.mark span{color:#ff9968}.top-right{display:flex;align-items:center;gap:20px;font-size:12px;color:var(--muted)}.badge{background:#fff3e8;border:1px solid #f5dec9;color:#ae6535;padding:7px 12px;border-radius:20px}main{max-width:1540px;margin:auto;padding:38px 4.5% 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow,.section-number{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:600}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.4;font-weight:650;margin:13px 0}h1 span{color:#798479}.intro p{font-size:13px;color:var(--muted);margin:0}.device{display:flex;align-items:flex-start;gap:10px;padding:20px;border:1px solid #dce2d7;border-radius:14px;max-width:330px}.device strong{font-size:13px}.device p{font-size:11px;margin-top:8px;line-height:1.6;overflow-wrap:anywhere}.dot{width:8px;height:8px;background:#a6afa7;border-radius:50%;margin-top:5px;flex:none}.dot.online{background:#4d9967;box-shadow:0 0 0 4px #dcebdd}.flow{display:flex;justify-content:space-between;background:#e8ece4;border:1px solid #dce2d7;border-radius:10px;padding:18px 22px;margin-bottom:24px;font-size:12px;color:#425448;gap:10px}.flow b{color:#a2ad9f;font-weight:400}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;min-width:0;box-shadow:0 3px 5px #26382603}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}h2{font-size:21px;font-weight:600;letter-spacing:-.6px;margin:8px 0 0}.pill{font-size:10px;color:#6c796b;padding:6px 9px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}.orange{color:#b85c30;background:#fff8f2;border-color:#f5e1d3}label{display:block;font-size:12px;color:#586356}textarea,input{font:inherit}textarea{width:100%;height:106px;resize:vertical;padding:14px;line-height:1.7;background:#fafbf8;border:1px solid #dde3d8;border-radius:9px;margin-top:10px;font-size:13px;color:#29372b}textarea:focus,input:focus{outline:2px solid #c7dbbb;outline-offset:1px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.form-grid input{display:block;width:100%;padding:11px 9px;margin-top:7px;border:1px solid #dfe4dc;border-radius:7px;font-size:15px;color:#263b2b}.form-foot{display:flex;justify-content:space-between;margin:15px 0;color:var(--muted);font-size:11px}.check{display:flex;align-items:center;gap:6px;font-size:11px}.check input{accent-color:#345541}.hint{font-size:10px;line-height:1.7;color:#8a9286;margin:12px 0}.primary{width:100%;display:flex;justify-content:space-between;background:#294333;color:#fff;padding:13px 16px;border:0;border-radius:8px;font-size:13px}.primary:hover{background:#3c5d46}button{cursor:pointer;font-family:inherit;transition:background .15s}button:disabled{opacity:.5;cursor:wait}.metrics{display:flex;background:#f7f8f4;border:1px solid var(--line);border-radius:9px;padding:18px;margin-bottom:20px}.metrics div{flex:1;border-right:1px solid var(--line);padding-left:18px}.metrics div:first-child{padding:0}.metrics div:last-child{border:0}.metrics strong{font-size:26px;font-weight:550;display:block;font-variant-numeric:tabular-nums}.metrics span{font-size:10px;color:var(--muted);display:block;margin-top:6px}.empty{padding:28px 15px;color:#8c9587;text-align:center;font-size:12px;line-height:1.9;background:#fafbf8;border:1px dashed #e2e7dc;border-radius:9px}.intent-card{margin-top:14px;border:1px solid var(--line);border-radius:9px;padding:14px;font-size:12px}.intent-card p{line-height:1.7;color:#586653;margin:9px 0}.intent-top{display:flex;justify-content:space-between;gap:8px}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;color:#7d8876}.status{font-size:10px;color:#7c885d}.status.authorized,.status.completed{color:#428156}.status.revoked,.status.expired{color:#c57d46}.actions{display:flex;gap:8px;margin-top:10px}.actions button,.small-button,.scenario button{border:1px solid #dce3d6;background:#fff;color:#52634c;padding:7px 10px;border-radius:6px;font-size:11px}.actions .approve{background:#eef5e8;color:#416435;border-color:#d9e7ce}.constraint-tags{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.constraint-tags span{background:#f4f6f0;padding:5px 7px;font-size:10px;border-radius:4px;color:#65735c}.credential{font-size:11px;border-top:1px solid var(--line);padding-top:10px;line-height:1.8;color:#6a7762}.credential b{color:#344e2c;font-weight:500}.section-label{font-size:10px;letter-spacing:1px;color:var(--muted);margin:20px 0 12px}.logs{max-height:245px;overflow:auto}.log{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #eef0eb}.log time{font:10px ui-monospace,monospace;color:#8e9788;padding-top:3px}.log strong{display:block;font-size:12px;font-weight:550}.log p{font-size:11px;line-height:1.7;color:#7d8776;margin:5px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.log.warning strong{color:#bc6f3e}.log.success strong{color:#4c8055}.store-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.scenario{display:flex;align-items:center;gap:6px;margin-bottom:17px;flex-wrap:wrap}.scenario>span{font-size:10px;color:var(--muted);margin-right:5px}.scenario button:hover,.small-button:hover{background:#eff3e9}.products{display:flex;flex-direction:column;gap:10px}.product{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:9px}.product-icon{background:#edf0e8;color:#5e7554;border-radius:8px;height:55px;display:flex;align-items:center;justify-content:center;font-size:24px}.product h3{font-size:13px;margin:0 0 7px;font-weight:550}.product p{font-size:10px;color:#8a9383;margin:4px 0}.price{text-align:right}.price strong{font-size:19px;font-weight:600}.price span{font-size:9px;color:#8a9383;display:block;margin-top:4px}.agent-note{display:flex;gap:12px;padding:15px;background:#f3f6ef;border-radius:9px;margin-bottom:15px;color:#64755a}.agent-note>span{font-size:23px}.agent-note p{font-size:11px;line-height:1.8;margin:0}.agent-logs{max-height:440px}.purchase{margin-top:14px;padding:15px;background:#eef6e9;border:1px solid #dbe9d3;border-radius:9px;font-size:12px;color:#426338}.purchase p{font-size:11px;line-height:1.8;margin-bottom:0}.intent-list{max-height:350px;overflow:auto}#platform-intents{max-height:280px;overflow:auto}#error{padding:12px;background:#fff0e8;border:1px solid #eebca0;border-radius:8px;color:#a55025;margin-bottom:20px;font-size:12px}footer{display:flex;justify-content:space-between;color:#909889;font-size:10px;padding:25px 0;gap:15px}
/* Desktop console: the viewport stays fixed; each panel owns its scroll. */
html,body{width:100%;height:100%;overflow:hidden}
body{display:flex;flex-direction:column;min-width:1024px;background:#e2e7e1}
header{height:58px;flex:none;padding:0 16px}.brand strong{font-size:20px}.brand small{font-size:8px;margin-top:2px}.mark{font-size:23px;border-radius:8px}.badge{padding:5px 10px}
main{width:100%;max-width:none;min-height:0;flex:1;display:flex;flex-direction:column;padding:0 8px}
.intro{flex:none;height:64px;margin:0;gap:20px;padding:0 8px}.eyebrow,.intro>div>p{display:none}.intro h1{font-size:19px;letter-spacing:-.5px;margin:0;line-height:1.5}.intro h1 br{display:none}.intro h1 span{margin-left:8px}.device{border:0;padding:0;max-width:400px;gap:8px}.device strong{font-size:12px}.device p{margin-top:3px;font-size:10px}
.flow{flex:none;height:34px;padding:8px 16px;margin:0 0 8px;border-radius:6px;background:#f4f6f1;font-size:11px;align-items:center}
.grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch}
.panel{min-height:0;display:flex;flex-direction:column;padding:0;border:1px solid #bcc8bb;border-radius:9px;overflow:hidden;box-shadow:0 2px 6px #2233210b}
.panel-head{flex:none;min-height:57px;margin:0;padding:10px 16px;border-bottom:1px solid #d5ded1;border-left:5px solid var(--accent);background:var(--panel-bg)}
.user-panel{--accent:#3b7958;--panel-bg:#eaf3ed}.platform-panel{--accent:#d77a32;--panel-bg:#fff0e2}.store-panel{--accent:#427e9e;--panel-bg:#e9f2f8}.agent-panel{--accent:#7a62a0;--panel-bg:#f0eaf8}
.section-number{font-size:9px;color:var(--accent);letter-spacing:1.2px}h2{font-size:17px;margin:3px 0 0}.panel-head .pill{background:#ffffffa6;border-color:#ffffff;color:var(--accent)}
.panel-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:14px 16px;scrollbar-width:thin;scrollbar-color:#b9c5b4 transparent}
.logs,.agent-logs,.intent-list,#platform-intents{max-height:none;overflow:visible}
textarea{height:75px;margin-top:6px;padding:9px 12px;font-size:12px}.form-grid{margin-top:10px;grid-template-columns:repeat(4,1fr)}.form-grid input{padding:8px;margin-top:5px;font-size:13px}.form-foot{margin:10px 0}.hint{margin:8px 0;font-size:10px}.primary{padding:10px 14px}.metrics{padding:12px;margin-bottom:12px}.metrics strong{font-size:23px}.intent-card{margin-top:10px}.section-label{margin:14px 0 4px}.empty{padding:18px 12px}.product{padding:10px 12px}.product-icon{height:45px}.products{gap:8px}.scenario{margin-bottom:10px}.store-controls{margin-bottom:8px}.agent-note{padding:10px 12px;margin-bottom:10px}
#error{position:fixed;z-index:10;top:65px;right:18px;max-width:480px;margin:0;box-shadow:0 6px 20px #0002}
footer{height:26px;flex:none;align-items:center;padding:0 8px;font-size:9px}
/* Warm editorial palette and larger desktop typography. */
:root{color:#292723;background:#f3f0e8;--orange:#c77959;--muted:#777166;--line:#d9d4c8;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}
body{background:#e9e5db;color:#292723}header{background:#faf9f5;border-color:#cec8bb;height:62px}.brand strong{font-family:Georgia,"Songti SC",serif;font-size:27px;font-weight:500;letter-spacing:-1px}.brand small{font-size:10px}.mark{background:#c4795b;color:#fff7ec}.mark span{color:#332d26}.top-right{font-size:14px}.badge{background:#eee5d9;border-color:#d8c9b7;color:#795d46;font-size:13px}
.intro{height:60px}.intro h1{font-family:Georgia,"Songti SC","STSong",serif;font-size:23px;font-weight:500}.intro h1 span{color:#797164}.device strong{font-size:14px}.device p{font-size:12px}.flow{height:36px;background:#f7f4ed;border-color:#d6cfc0;color:#655b4e;font-size:14px}.flow b{color:#b39c85}
.panel{border-color:#bdb5a5;border-radius:6px;background:#fcfbf7;box-shadow:none}.panel-head{min-height:66px;border-bottom-color:#d7cfc0;border-left-width:6px;padding:10px 16px}.user-panel{--accent:#777e60;--panel-bg:#eeeee3}.platform-panel{--accent:#bf7759;--panel-bg:#f4e5da}.store-panel{--accent:#99815e;--panel-bg:#eee8dc}.agent-panel{--accent:#84758a;--panel-bg:#ede7ef}.section-number{font-size:11px;letter-spacing:1px}h2{font-family:Georgia,"Songti SC","STSong",serif;font-size:23px;letter-spacing:0;font-weight:600}.pill,.panel-head .pill{font-size:12px;border-color:#d9d0c3;background:#faf8f2}.panel-body{scrollbar-color:#b7ad9c transparent}
label,.check{font-size:14px;color:#625b4f}textarea{font-size:16px;line-height:1.6;height:90px;background:#f7f5ef;border-color:#d4ccbd;color:#332e26;resize:none}.form-grid input{font-size:17px;padding:9px;background:#fffdf8;border-color:#d5cbbc;color:#332e26}.form-foot{font-size:13px}.check input{accent-color:#b77557}.hint{font-size:12px;line-height:1.6;color:#8a8072}.primary{font-size:16px;background:#b96f50;padding:12px 14px;color:#fffaf4}.primary:hover{background:#a45e41}textarea:focus,input:focus{outline-color:#cfab8e}
.metrics{background:#f2eee5;border-color:#ddd4c5}.metrics strong{font-family:Georgia,serif;font-size:29px;color:#3c342a}.metrics span{font-size:12px}.metrics div{border-color:#d8cebd}.intent-card{font-size:15px;border-color:#dcd3c4;background:#fdfbf6}.intent-card p{color:#61584c}.mono{font-size:12px;color:#877b6a}.status{font-size:13px}.actions button,.small-button,.scenario button{font-size:13px;padding:8px 11px;color:#665746;border-color:#d9c9b5;background:#faf7f0}.actions .approve{background:#e9eadf;border-color:#cdd0ba;color:#5b6847}.constraint-tags span{font-size:12px;background:#efebe1;color:#73634f}.credential{font-size:13px;color:#766952;border-color:#e0d5c3}.credential b{color:#9b603e}.section-label{font-size:13px;color:#8a7860}.empty{font-size:15px;color:#8c8070;background:#f7f4ed;border-color:#ddd3c2}
.log{grid-template-columns:68px 1fr;gap:12px;border-color:#e8e1d5}.log time{font-size:12px;color:#9c8a74}.log strong{font-size:16px;line-height:1.5}.log p{font-size:14px;line-height:1.75;color:#7c6e5a}.log.success strong{color:#67754e}.log.warning strong{color:#b16642}.scenario>span{font-size:12px;color:#8c795e}.scenario button:hover,.small-button:hover{background:#ede4d6}.product{border-color:#ddd2c0;background:#fffcf6}.product-icon{background:#ede5d6;color:#988263}.product h3{font-size:17px}.product p{font-size:13px;color:#8b7962}.price strong{font-size:24px;color:#6f5338}.price span{font-size:12px;color:#9b8366}.agent-note{background:#eee8ef;color:#7c6e80}.agent-note p{font-size:14px;line-height:1.7}.purchase{font-size:15px;background:#eef0e3;border-color:#d2d8bf;color:#65734c}.purchase p{font-size:13px}footer{font-size:11px;color:#938674}#error{font-size:14px}