:root{--brand: #7a3cff;--bg: #0f0f15;--ink: #ffffff;--inspector-tray-w: 360px;--inspector-tray-pad: 12px;--inspector-btn-h: 50px;--user-panel-bg: rgba(14, 14, 19, .8);--user-btn-passive-bg: #0e0e13;--user-btn-active-bg: #16161b;--user-block-bg: rgba(18, 19, 25, .8);--user-outline: #0f1014}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Segoe UI,sans-serif;background:#0b0b0f;color:var(--ink)}body.dc-ui-overlay{background:transparent;height:100%;min-height:100%}#root{min-height:100vh}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}#ui-root .proto{pointer-events:none}#ui-root .proto-dock,#ui-root .proto-dock *{pointer-events:auto}#ui-root .node-panel,#ui-root .node-panel *{pointer-events:none}body.dc-ui-overlay #pc-topbar,body.dc-ui-overlay #sceneMenuWrap,body.dc-ui-overlay #pc-html-chat-root{display:none!important}.node-panel{position:fixed;bottom:18px;max-height:70vh;overflow:auto;background:#0f1015;border:1px solid #14151c;border-radius:14px;padding:12px;z-index:5}.proto{min-height:100vh;display:flex;flex-direction:column;padding:24px 32px}.proto-canvas{flex:1 1 auto}.menu-panel{left:24px;right:auto;bottom:20px;width:var(--inspector-tray-w);opacity:0;display:flex;flex-direction:column;padding:0;overflow:hidden;pointer-events:none;transition:none;z-index:6}.chat-panel{right:24px;left:auto;bottom:20px;width:calc(var(--inspector-tray-w) + var(--inspector-tray-w) / 2);opacity:0;pointer-events:none;transition:none;display:flex;flex-direction:column;z-index:6}.chat-panel::-webkit-scrollbar{width:4px;height:4px}body.chat-open #ui-root .chat-panel{opacity:1;pointer-events:auto}body.chat-open #ui-root .chat-panel *{pointer-events:auto}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.chat-title{font-size:16px;font-weight:400}.chat-close{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--brand);font-size:16px;line-height:1;cursor:pointer}.chat-body{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:260px;max-height:50vh}.chat-messages{flex:1 1 auto;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:8px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#14151c;border-radius:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-message{display:flex;justify-content:flex-start}.chat-message.is-self{justify-content:flex-end}.chat-bubble{display:inline-flex;align-items:flex-start;gap:6px;max-width:92%;color:#f1f1f5}.chat-bubble--self{padding:8px 10px;background:#191a22;border-radius:10px}.chat-author{color:var(--brand);font-weight:700;white-space:nowrap}.chat-text{word-break:break-word;white-space:pre-wrap}.chat-input-area{display:flex;flex-direction:column;gap:6px}.chat-input-wrap{border:1px solid #14151c;border-radius:12px;padding:8px 10px;background:#191a22;box-shadow:0 0 0 1px #0003}.chat-input{width:100%;min-height:36px;resize:none;background:#0e0e13;color:#f1f1f5;border:none;padding:6px;font-family:inherit;font-size:14px;line-height:1.5;outline:none;overflow:hidden}.chat-input::-webkit-scrollbar{width:4px}.chat-input::-webkit-scrollbar-thumb{background:#14151c;border-radius:8px}.chat-input::-webkit-scrollbar-track{background:transparent}.chat-divider{height:1px;background:#14151c;width:100%}.chat-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-btn{border:none;border-radius:10px;padding:10px 14px;font-size:13px;cursor:pointer;transition:filter .15s ease,transform .1s ease;text-transform:uppercase}.chat-btn--ghost{background:transparent;color:#b8b8c7}.chat-btn--primary{background:transparent;color:#fff;font-weight:700}.chat-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.chat-btn:active{transform:translateY(0)}.chat-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:none}.menu-panel::-webkit-scrollbar,.menu-list::-webkit-scrollbar{width:0;height:0}.menu-list{scrollbar-width:none;-ms-overflow-style:none}body.menu-open #ui-root .menu-panel{opacity:1;pointer-events:auto}body.menu-open #ui-root .menu-panel *{pointer-events:auto}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 8px;border-radius:14px 14px 0 0;background:#0f1015}.menu-header.is-compact{justify-content:flex-end}.menu-title{font-weight:400;font-size:16px}.menu-close{width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--brand);font-size:16px;line-height:1;cursor:pointer}.menu-list{display:flex;flex-direction:column;flex:1 1 auto;overflow:auto;overflow-x:hidden;padding:0 12px 12px;border-radius:0 0 14px 14px}.menu-list>div{display:flex;flex-direction:column}.menu-group{display:flex;flex-direction:column;align-items:stretch}.preset-row{position:relative;display:flex;align-items:center}.btn-left{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0 10px;width:100%;height:var(--inspector-btn-h);border-radius:12px;background:var(--brand);color:#fff;border:1px solid var(--brand);box-shadow:0 0 0 1px #00000026,0 8px 28px #00000073;text-transform:uppercase;font-size:12.5px;font-weight:400;cursor:pointer;transition:filter .15s ease,transform .1s ease}.btn-left:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-left:focus,.btn-left:focus-visible{outline:none}.btn-left:active{filter:none;transform:translateY(0)}.btn-left-text{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-right-area{line-height:1}.btn-right-area svg{display:block}.menu-subpanel{margin-top:6px;width:100%}.menu-subpanel-inner{width:100%;background:var(--user-panel-bg);border:1px solid #14151c;border-radius:12px;box-shadow:none;padding:8px;overflow-x:hidden}.menu-subpanel-empty{margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--user-panel-bg);border:1px solid #14151c;font-size:12px;opacity:.8}.menu-items{display:flex;flex-direction:column;gap:8px}.menu-item-row{display:flex;flex-direction:column}.menu-scenes{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding:0 2px}.menu-scene-btn{height:44px;width:96%;align-self:center;display:inline-flex;align-items:center;justify-content:flex-start;padding:0 10px;border-radius:10px;background:var(--user-btn-passive-bg);border:none;color:#e8e8ee;cursor:pointer;text-align:left;box-shadow:none;transition:background .15s ease,transform .1s ease}.menu-scene-btn.is-active .menu-scene-title{color:var(--brand)}.menu-scene-btn:hover{background:var(--user-btn-active-bg);transform:translateY(-1px)}.menu-scene-btn:active{transform:translateY(0)}.menu-scene-title{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-btn{height:50px;width:100%;display:inline-flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:10px;background:#191a22;border:none;outline:none;box-shadow:none;color:#e8e8ee;cursor:pointer;text-align:left}.menu-item-btn.is-open{background:var(--user-btn-active-bg)}.menu-item-main{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 1 auto;min-width:0}.menu-item-title{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-subtitle{font-size:12px;opacity:.85}.menu-item-meta{display:inline-flex;align-items:center;gap:8px;font-size:12px;opacity:.85}.menu-item-handle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:4px;cursor:grab;-webkit-user-select:none;user-select:none;color:#c3c3d6;touch-action:none}.menu-item-handle svg{display:block}.menu-details{background:var(--user-panel-bg);border:1px solid #14151c;border-radius:10px;padding:10px;margin-top:6px}.menu-details-section+.menu-details-section{margin-top:10px}.menu-details-title{font-weight:700;font-size:13px;margin-bottom:8px;overflow-wrap:anywhere}.menu-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.menu-details-block{border:1px solid #14151c;border-radius:8px;padding:8px;background:var(--user-block-bg);min-height:80px}.menu-details-block-title{font-weight:600;font-size:12px;margin-bottom:6px}.menu-details-rows{display:grid;grid-template-columns:auto 1fr;row-gap:4px;column-gap:8px}.menu-details-label{opacity:.65;overflow-wrap:anywhere}.menu-details-value{font-weight:600;overflow-wrap:anywhere}.menu-details-footer{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;opacity:.85;overflow-wrap:anywhere}.proto-dock{position:fixed;left:24px;right:24px;bottom:20px;display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.dock-slot--menu{transition:none}body.menu-open .dock-slot--menu{visibility:hidden;pointer-events:none}.dock-slot--chat{transition:none}body.chat-open .dock-slot--chat{visibility:hidden;pointer-events:none}.dock-slot{width:var(--inspector-tray-w);padding:var(--inspector-tray-pad)}.inspector-btn{width:100%;min-width:0;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:0 12px;height:var(--inspector-btn-h);border-radius:12px;background:var(--brand);color:#fff;border:1px solid var(--brand);box-shadow:0 0 0 1px #00000026,0 8px 28px #00000073;text-transform:uppercase;letter-spacing:.3px;font-size:14px;font-weight:400;cursor:pointer;transition:filter .15s ease,transform .1s ease}.inspector-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.inspector-btn:active{filter:none;transform:translateY(0)}@media (max-width: 640px){.proto{padding:20px}.menu-panel{left:20px;width:min(var(--inspector-tray-w),92vw)}.proto-dock{flex-direction:column;align-items:center}.dock-slot{width:min(var(--inspector-tray-w),92vw)}}@media (max-width: 900px){body{font-size:.85em}:root{--inspector-tray-w: 320px;--inspector-btn-h: 40px}.menu-panel{left:16px;width:min(var(--inspector-tray-w),80vw);max-height:65vh}.chat-panel{right:16px;width:min(400px,80vw);max-height:65vh}.chat-body{max-height:50vh;min-height:0;height:auto}.proto-dock{gap:14px;left:16px;right:16px}.dock-slot{width:min(var(--inspector-tray-w),80vw)}.chat-messages{max-height:75px}.inspector-btn,.btn-left{height:var(--inspector-btn-h);padding:0 10px;font-size:11px}.menu-item-btn{height:40px;padding:0 10px;font-size:11px}.menu-scene-btn{height:36px;padding:0 10px;font-size:11px}.menu-scene-title{font-size:11px}.chat-btn{padding:8px 10px;font-size:11px}}@media (max-width: 640px){body{font-size:.75em}:root{--inspector-tray-w: 240px;--inspector-btn-h: 36px}.menu-panel{left:12px;right:12px;bottom:calc(var(--inspector-btn-h) + 16px);width:auto;max-width:100%;max-height:65vh}.chat-panel{right:12px;left:12px;bottom:calc(var(--inspector-btn-h) + 16px);width:auto;max-width:100%;max-height:65vh}.chat-body{max-height:50vh;min-height:0;height:auto}.chat-messages{max-height:60px}.chat-input{min-height:28px;max-height:36px}.proto-dock{flex-direction:column;align-items:stretch;gap:10px;left:12px;right:12px;bottom:12px}.dock-slot{width:100%;padding:8px}.inspector-btn{height:var(--inspector-btn-h);border-radius:10px;font-size:11px}.btn-left{height:var(--inspector-btn-h);border-radius:10px;padding:0 8px;font-size:11px}.menu-item-btn{height:36px;padding:0 8px;font-size:11px}.menu-item-main{gap:3px}.menu-item-meta{gap:6px;font-size:10px}.menu-item-subtitle{font-size:10px}.menu-item-handle{width:18px;height:18px}.menu-scenes{gap:3px;margin-top:4px}.menu-scene-btn{height:32px;padding:0 8px;font-size:11px}.menu-scene-title{font-size:10px}}@media (max-width: 640px) and (orientation: portrait){.menu-panel,.chat-panel{bottom:20px}.proto-dock{gap:0}body.menu-open .dock-slot--chat,body.chat-open .dock-slot--menu{display:none}}@media (min-width: 901px){.btn-left{height:50px;padding:0 12px;font-size:13px}.inspector-btn{height:50px;padding:0 12px;font-size:14px}.chat-btn{padding:10px 14px;font-size:13px}}