.prd-ui{--ink:#e6f4f6;--muted:#9ab2c2;--line:#355363;--panel:#0c202ef0;--cyan:#8bdadd;--amber:#efc07a;background:#071322;color:var(--ink)}
.prd-ui .chat-message .speaker{font-family:'Noto Sans SC',sans-serif}
.prd-ui #prd-breadcrumb{white-space:nowrap;overflow-x:auto;scrollbar-width:none}.prd-ui #prd-breadcrumb>*{flex-shrink:0}
.prd-ui #scene{left:240px;right:415px;top:170px;bottom:118px}.prd-ui.chat-open #scene{right:50vw}
@media(max-width:700px){.prd-ui #scene,.prd-ui.chat-open #scene{left:162px;right:0;top:164px;bottom:52vh}.prd-ui .scene-title{display:none}.prd-ui .chat-panel{background:#0c2131}}
.prd-header{height:78px;position:fixed;z-index:20;pointer-events:auto;background:#081827f5;padding:0 28px}.identity{display:flex;align-items:center;gap:22px}.identity img{width:142px;height:40px;object-fit:contain}.identity-line{height:30px;border-left:1px solid var(--line)}.identity strong{font-size:18px;font-weight:500;letter-spacing:1px}.identity small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.header-actions{display:flex;gap:14px;align-items:center}.sample-badge{font-size:11px;color:#d2bf99}.header-actions button{padding:9px 14px;background:transparent}.header-actions button span{color:var(--amber);margin-left:7px}.prd-ui #fps{font-size:10px;color:var(--muted);min-width:40px}
.industry-tabs{position:fixed;z-index:20;left:28px;right:28px;top:94px;display:flex;gap:6px;align-items:center;overflow:auto;scrollbar-width:thin}.industry-tabs>span{font-size:11px;color:var(--muted);margin-right:16px;white-space:nowrap}.industry-tabs button{background:#102738;font-size:12px;white-space:nowrap;padding:8px 17px}.industry-tabs button.active{background:#2b5364;color:#c5f7f8;border-color:#86c8d0}
#prd-breadcrumb{position:fixed;top:151px;left:28px;right:460px;z-index:9;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}#prd-breadcrumb button{padding:4px 0;border:0;background:none;color:#c1d7df}#prd-breadcrumb button:last-child{color:var(--cyan)}
.prd-ui aside.explorer{left:28px;top:198px;width:238px;padding:19px;background:var(--panel);border:1px solid var(--line);border-radius:8px;max-height:calc(100vh - 342px);overflow:auto;scrollbar-width:thin;z-index:8}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;font-size:12px}.section-top button{border:0;padding:0;background:none;font-size:11px;color:var(--muted)}.prd-ui aside h1{font-size:20px}.prd-ui aside .sub{font-size:11px;line-height:1.8;color:var(--muted)}.fold-note{font-size:10px;color:#aac5ce;border-top:1px solid var(--line);padding-top:12px}.prd-ui .devices{display:flex;flex-direction:column;gap:5px}.prd-ui .devices button{padding:10px;font-size:12px}.prd-ui .devices button span{color:var(--muted)}.prd-ui #selection{font-size:10px}.prd-ui .label{font-size:11px}.prd-ui .views button{font-size:11px;padding:8px}.prd-ui button:hover{border-color:var(--cyan);background:#254b60}.prd-ui button:focus-visible{outline:2px solid #c6f7ff;outline-offset:3px}
.scene-title{position:fixed;top:202px;left:302px;z-index:4;pointer-events:none;max-width:calc(100vw - 820px);text-shadow:0 2px 8px #000}.scene-title>span{font:10px monospace;letter-spacing:3px;color:#92d1d5}.scene-title h2{font-size:28px;font-weight:400;margin:10px 0}.scene-title p{font-size:12px;color:#b8cdd7;line-height:1.8}.scene-toolbar{position:fixed;left:302px;bottom:160px;z-index:10;display:flex;align-items:center;gap:12px}.scene-toolbar button{background:#164053}.scene-toolbar span{font-size:11px;color:var(--muted);background:#0c202ee0;padding:9px}.scene-toolbar button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}
.work-panels{position:fixed;z-index:10;right:28px;top:153px;width:392px;bottom:150px;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:12px}.work-panels details{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden;flex-shrink:0}.work-panels summary{padding:16px 18px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;align-items:center}.work-panels summary>span{font-size:11px;color:var(--muted)}.work-panels details[open] summary{border-bottom:1px solid #35536380}.panel-content{padding:18px}.scope{font-size:10px;color:var(--muted);margin:0 0 14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.metric strong{display:block;font:30px sans-serif;margin-bottom:6px}.metric span{font-size:11px;color:var(--muted)}.good{color:#87d8c2}.watch{color:var(--amber)}.danger{color:#f49894}.health-legend{display:flex;gap:22px;font-size:11px;padding:13px 0;border-top:1px solid var(--line)}.row-action{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:8px;background:#162d3d;padding:12px;text-align:left}.row-action small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.row-action b{font-weight:400;font-size:11px;color:var(--amber)}.panel-note{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 0 0}.alert-label{font-size:10px;color:#f1c888;border:1px solid #947547;padding:3px 7px}.alert-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;color:var(--muted)}.panel-content h3{font-size:16px;font-weight:500;line-height:1.7;margin:8px 0}.panel-content p.copy{font-size:12px;line-height:1.9;color:#c2d5de}.reading{display:flex;gap:20px;align-items:baseline;margin:16px 0}.reading strong{font:30px sans-serif;color:var(--amber)}.reading span{font-size:11px;color:var(--muted)}.panel-buttons{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.panel-buttons button{font-size:11px}.panel-buttons .primary{background:#29586a;border-color:#72aebb}.component-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.component-list button{font-size:10px}.component-list button.active{border-color:var(--amber);color:var(--amber)}.trend{width:100%;height:100px;display:block}.trend-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}
.command-bar{position:fixed;z-index:25;bottom:44px;left:302px;right:28px;display:flex;gap:13px;align-items:center;border:1px solid #5a8999;background:#102b3ef5;border-radius:9px;padding:14px 16px;box-shadow:0 12px 35px #0006}.command-bar input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);font:13px 'Noto Sans SC',sans-serif;padding:8px}.command-bar input:focus{box-shadow:0 1px var(--cyan)}.command-bar input::placeholder{color:#9cb9c7}.command-bar>span{font-size:12px;border-right:1px solid var(--line);padding-right:18px;color:var(--cyan)}.command-bar button{background:#244b5d;font-size:12px;white-space:nowrap}.prd-status{position:fixed;bottom:113px;left:302px;z-index:20;font-size:11px;color:#c9e6ed;background:#0b2131d9;padding:5px 9px;margin:0}.prd-status:empty{display:none}.prd-ui footer{font-size:10px;z-index:3;padding:12px 28px;background:#071322;gap:12px}
.chat-panel{position:fixed;z-index:18;top:153px;right:28px;bottom:144px;width:calc(50vw - 42px);background:#0c2131f5;border:1px solid #507783;border-radius:9px;display:flex;flex-direction:column}.chat-panel[hidden]{display:none}.chat-head{display:flex;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line)}.chat-head h2{font-size:30px;font-weight:500;margin:8px 0 0}.chat-head h2 small{font-size:12px;font-weight:400;color:var(--muted);margin-left:12px}.chat-head button{align-self:center}.chat-scope{padding:14px 24px;border-bottom:1px solid var(--line);font-size:12px;color:#b8d4df}#chat-messages{padding:24px;overflow:auto;flex:1;scrollbar-width:thin}.chat-message{font-size:14px;line-height:2;margin-bottom:26px;max-width:95%}.chat-message p{margin:8px 0}.chat-message .speaker{font:11px monospace;letter-spacing:1px;color:var(--cyan)}.chat-message.user{margin-left:15%;background:#234052;border-radius:8px;padding:13px 18px}.chat-message button{font-size:12px;margin:6px 6px 6px 0}.chat-footnote{padding:15px 24px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.chat-open .work-panels{display:none}.chat-open .scene-title{max-width:calc(50vw - 340px)}.chat-open .scene-title h2{font-size:23px}.chat-open .scene-toolbar{max-width:calc(50vw - 330px);flex-wrap:wrap}.chat-open .command-bar{left:28px}
.world-pin{position:fixed;z-index:6;transform:translate(-50%,-100%);max-width:180px;padding:9px 13px;background:#0e2a3beb;border:1px solid #5e8b98;text-align:left;box-shadow:0 8px 20px #0003}.world-pin small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.world-pin.alert{border-color:#b79362}.world-pin.alert small{color:var(--amber)}.prd-ui #loading{z-index:30}.prd-ui dialog{max-width:550px;width:calc(100vw - 36px);background:#0e2637;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:25px}.prd-ui dialog::backdrop{background:#020912aa}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.dialog-head h2{font-size:20px;font-weight:500}.prd-ui #dialog-body{font-size:13px;line-height:2;color:#c3d9e3}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(max-width:1250px) and (min-width:701px){.prd-ui aside.explorer{width:198px;left:20px}.work-panels{width:330px;right:20px}.scene-title{left:242px;max-width:calc(100vw - 620px)}.scene-title h2{font-size:22px}.scene-toolbar,.prd-status{left:242px}.command-bar{left:242px;right:20px}.industry-tabs{left:20px;right:20px}.industry-tabs button{padding:8px 11px}.chat-head h2 small{display:block;margin:5px 0}.sample-badge{max-width:120px}.scene-toolbar span{max-width:230px}.chat-open .scene-title{max-width:calc(50vw - 250px)}}
@media(max-width:700px){.prd-header{height:65px;padding:0 14px}.identity{gap:10px}.identity img{width:97px;height:29px}.identity-line,.identity small,.header-actions #fps,#notify-button,.sample-badge{display:none}.identity strong{font-size:13px}.header-actions button{font-size:10px;padding:8px}.industry-tabs{top:77px;left:12px;right:12px}.industry-tabs>span{display:none}.industry-tabs button{font-size:10px;padding:8px 12px}#prd-breadcrumb{top:122px;left:14px;right:12px;font-size:10px}.prd-ui aside.explorer{left:12px;top:162px;width:150px;max-height:calc(48vh - 160px);padding:12px}.prd-ui aside h1{font-size:15px}.prd-ui aside .sub,.fold-note,.prd-ui aside .eyebrow,.prd-ui aside .label{display:none}.section-top{margin-bottom:8px}.prd-ui aside .views button{font-size:10px;padding:7px}.prd-ui .devices button{font-size:10px}.scene-title{left:182px;top:165px;max-width:calc(100vw - 196px)}.scene-title h2{font-size:17px}.scene-title>span{font-size:8px;letter-spacing:1px}.scene-title p{font-size:10px}.work-panels{top:49vh;left:12px;right:12px;bottom:112px;width:auto;gap:8px}.work-panels summary{padding:12px 15px}.panel-content{padding:14px}.scene-toolbar{left:182px;right:12px;bottom:auto;top:35vh;flex-wrap:wrap;gap:4px}.scene-toolbar button{font-size:10px}.scene-toolbar span{font-size:9px;padding:4px}.command-bar,.chat-open .command-bar{bottom:30px;left:12px;right:12px;padding:9px;gap:6px}.command-bar input{font-size:11px;width:50px}.command-bar button{font-size:10px;padding:9px 6px}.command-bar>span{font-size:10px;padding-right:8px}#command-chat{display:none}.prd-status{left:12px;bottom:91px;max-width:calc(100vw - 24px);font-size:10px}.prd-ui footer{padding:6px 12px;font-size:8px}.prd-ui footer span:last-child{display:none}.chat-panel{left:12px;right:12px;top:153px;bottom:112px;width:auto}.chat-head{padding:16px}.chat-head h2{font-size:24px}.chat-head h2 small{display:none}#chat-messages{padding:16px}.chat-message{font-size:12px}.chat-open .scene-title,.world-pin{display:none}.chat-scope{font-size:10px;padding:10px 16px}.chat-footnote{padding:9px 16px;font-size:9px}}