@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;}
html,body{width:100%;height:100%;overflow:hidden;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:12px;color:#222;}
#应用{display:flex;flex-direction:column;width:100%;height:100%;background:#f0f0f0;}
.隐藏{display:none !important;}
svg{display:block;}
button{font-family:inherit;}
#菜单栏{height:25px;background:#f4f4f4;border-bottom:1px solid #ddd;display:flex;align-items:stretch;flex:none;position:relative;z-index:60;}
.菜单标题{padding:0 10px;display:flex;align-items:center;cursor:default;position:relative;}
.菜单标题:hover,.菜单标题.开{background:#cfe3f8;}
.下拉{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid #b5b5b5;box-shadow:2px 3px 8px rgba(0,0,0,.25);padding:3px 0;z-index:100;max-height:70vh;overflow-y:auto;}
.下拉条目{padding:4px 26px 4px 22px;display:flex;justify-content:space-between;gap:24px;cursor:default;white-space:nowrap;}
.下拉条目:hover{background:#3577d4;color:#fff;}
.下拉条目 .捷键{color:#888;font-size:11px;}
.下拉条目:hover .捷键{color:#dce6f5;}
.分隔线{height:1px;background:#ddd;margin:3px 6px;}
.工具栏{background:#f0f0f0;border-bottom:1px solid #d8d8d8;display:flex;align-items:center;padding:2px 4px;gap:2px;flex:none;flex-wrap:nowrap;overflow-x:auto;}
.工具按钮{width:32px;height:32px;border:1px solid transparent;border-radius:4px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;}
.工具按钮 svg{width:22px;height:22px;}
.工具按钮:hover{background:#e2ecf8;border-color:#b9d2ee;}
.工具按钮.激活{background:#cfe3f8;border-color:#7fb1e3;}
.竖分隔{width:1px;height:24px;background:#ccc;margin:0 4px;flex:none;}
.阴影区{display:flex;align-items:center;gap:5px;padding:0 6px;flex:none;}
.阴影区 label{font-size:11px;color:#555;}
.阴影区 input[type=range]{height:14px;}
#时间标签{min-width:62px;text-align:center;font-size:11px;color:#333;background:#fff;border:1px solid #ccc;border-radius:3px;padding:1px 3px;}
.滑块说明{font-size:10px;color:#777;}
.弹簧{flex:1;}
#主区{flex:1;display:flex;min-height:0;position:relative;}
#左工具栏{width:40px;background:#f0f0f0;border-right:1px solid #d8d8d8;display:flex;flex-direction:column;align-items:center;padding:3px 0;gap:2px;overflow-y:auto;flex:none;}
#指令面板{width:236px;background:#f7f7f7;border-right:1px solid #cfcfcf;display:flex;flex-direction:column;flex:none;min-height:0;}
#指令头{height:30px;background:linear-gradient(#fafafa,#e4e4e4);border-bottom:1px solid #ccc;display:flex;align-items:center;gap:4px;padding:0 6px;flex:none;}
#指令筛{flex:1;height:20px;border:1px solid #aaa;border-radius:3px;padding:0 5px;font-size:12px;min-width:0;}
.指令钮{width:20px;height:20px;border:1px solid #b5b5b5;background:#fff;border-radius:3px;cursor:pointer;font-size:11px;line-height:1;flex:none;}
.指令钮:hover{background:#cfe3f8;}
#指令体{flex:1;overflow-y:auto;min-height:0;}
.指类头{padding:4px 8px;background:#e3e6ea;cursor:pointer;font-weight:bold;border-bottom:1px solid #d5d5d5;display:flex;gap:6px;}
.指类头:hover{background:#d7dde4;}
.指行{padding:4px 6px 5px;border-bottom:1px solid #e8e8e8;background:#fdfdfd;}
.指行:hover{background:#f0f6ff;}
.指行名{display:flex;align-items:center;gap:5px;}
.指行名 b{flex:1;font-weight:normal;}
.指字{background:#1565c0;color:#fff;border-radius:3px;font-size:10px;padding:0 4px;min-width:16px;text-align:center;}
.指跑{width:20px;height:20px;border:1px solid #9bd09b;background:#f2fbf2;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;padding:0;}
.指跑:hover{background:#d4f3d4;border-color:#43a047;}
.指跑 svg{width:13px;height:13px;}
.指说{font-size:10px;color:#888;margin:2px 0 2px 2px;line-height:1.4;}
.指参输{width:100%;height:19px;border:1px solid #bbb;border-radius:3px;padding:0 4px;font-size:11px;background:#fff;}
#视口容器{flex:1;position:relative;min-width:0;background:linear-gradient(#6db3e8 0%,#a9d0ef 40%,#dcecf8 62%,#eef3f7 100%);}
#视口容器.无天空{background:#e8eaed;}
#视口容器 canvas{position:absolute;inset:0;display:block;}
#捕捉气泡{position:absolute;background:#fffbe6;border:1px solid #c9b458;padding:1px 6px;font-size:11px;color:#5d4f12;pointer-events:none;z-index:30;border-radius:3px;white-space:nowrap;}
#选择框{position:absolute;border:1px solid #1565c0;background:rgba(21,101,192,.08);pointer-events:none;z-index:25;}
#选择框.叉选{border-style:dashed;}
#侧标签{position:absolute;right:0;top:8px;background:#e6e6e6;border:1px solid #bbb;border-right:none;writing-mode:vertical-rl;padding:10px 3px;font-size:11px;color:#444;cursor:pointer;border-radius:4px 0 0 4px;z-index:20;}
#侧标签:hover{background:#cfe3f8;}
#左侧签{position:absolute;left:0;top:8px;background:#e6e6e6;border:1px solid #bbb;border-left:none;writing-mode:vertical-rl;padding:10px 3px;font-size:11px;color:#444;cursor:pointer;border-radius:0 4px 4px 0;z-index:20;}
#左侧签:hover{background:#cfe3f8;}
#右面板{width:262px;background:#f4f4f4;border-left:1px solid #cfcfcf;display:flex;flex-direction:column;flex:none;}
#面板头{height:26px;background:linear-gradient(#fafafa,#e4e4e4);border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-weight:bold;flex:none;}
#面板收起{cursor:pointer;color:#777;padding:0 4px;}
#面板收起:hover{color:#c00;}
#面板体{flex:1;overflow-y:auto;}
.面板节{border-bottom:1px solid #ddd;}
.节标题{padding:5px 8px;background:#e3e6ea;cursor:pointer;font-weight:bold;display:flex;gap:6px;align-items:center;}
.节标题:hover{background:#d7dde4;}
.节内容{padding:8px;background:#fbfbfb;}
.节内容 label{display:flex;align-items:center;gap:5px;margin:3px 0;cursor:pointer;}
#色板{display:grid;grid-template-columns:repeat(7,26px);gap:4px;margin-top:6px;}
.色块{width:26px;height:26px;border:1px solid #999;cursor:pointer;border-radius:3px;}
.色块:hover{outline:2px solid #1565c0;}
.色块.当前{outline:2px solid #e53935;}
#当前色显{width:40px;height:24px;border:1px solid #888;display:inline-block;vertical-align:middle;border-radius:3px;}
#信息内容{line-height:1.7;}
#信息内容 b{color:#1565c0;}
.信息行{display:flex;align-items:center;gap:6px;}
.层行{display:flex;align-items:center;gap:4px;margin:2px 0;padding:2px 3px;border-radius:3px;}
.层行:hover{background:#eef4fb;}
.层行 .层名{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.层行.当前层 .层名{color:#1565c0;font-weight:bold;}
.小钮{border:1px solid #b5b5b5;background:#fff;border-radius:3px;cursor:pointer;font-size:11px;padding:1px 6px;}
.小钮:hover{background:#cfe3f8;}
#状态栏{height:25px;background:#f0f0f0;border-top:1px solid #ccc;display:flex;align-items:center;padding:0 6px;gap:8px;flex:none;}
.状态图标{width:17px;height:17px;border-radius:50%;background:#1565c0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;flex:none;}
.状态图标:hover{background:#0d47a1;}
#状态提示{flex:1;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#状态右{display:flex;align-items:center;gap:4px;flex:none;}
#数值标签{color:#444;}
#数值框{width:110px;height:19px;border:1px solid #aaa;padding:0 4px;font-size:12px;background:#fff;}
#单位标签{color:#777;min-width:18px;}
#遮罩{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:200;display:flex;align-items:center;justify-content:center;}
#对话框{background:#fff;min-width:420px;max-width:640px;max-height:80%;border:1px solid #888;box-shadow:0 6px 24px rgba(0,0,0,.4);display:flex;flex-direction:column;border-radius:5px;overflow:hidden;}
#对话框头{background:linear-gradient(#f6f6f6,#e2e2e2);padding:7px 12px;font-weight:bold;display:flex;justify-content:space-between;border-bottom:1px solid #ccc;}
#对话框关{cursor:pointer;color:#777;}
#对话框关:hover{color:#c00;}
#对话框体{padding:14px;overflow-y:auto;line-height:1.8;}
#对话框体 table{border-collapse:collapse;width:100%;}
#对话框体 td{border:1px solid #ddd;padding:3px 8px;}
#对话框体 td:first-child{color:#1565c0;font-weight:bold;width:140px;}
input[type=range]{accent-color:#1565c0;}
@media (max-width:900px){#指令面板{width:180px;}#右面板{width:200px;}}