/* Original toolbox arrangement: fixed common apps, a changing right pane, and a bottom switch. */
body:has(.classic-app:not(.hidden)){background:#fff;color:#111;overflow-x:auto}
.classic-app{width:100%;max-width:1164px;min-width:960px;min-height:745px;margin:0 auto;padding:0;display:flex;flex-direction:column;background:#fff;color:#111;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:13px}
.classic-titlebar{height:27px;display:flex;align-items:center;justify-content:space-between;background:#f3f3f3;padding:0 7px;border-bottom:1px solid #ddd;gap:14px}
.classic-caption{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.classic-caption img{width:17px;height:17px}
.classic-menu{display:flex;align-items:center;gap:9px;font-size:11px}.classic-menu button{padding:1px 3px;color:#333;font-size:11px}.classic-menu button:hover{color:#008000}.classic-menu b{font-weight:400;font-size:10px}.classic-menu button.active{color:#008000}
.classic-search{display:flex;background:#fff;border:1px solid #ccc;width:135px;height:21px;align-items:center}.classic-search input{font-size:11px;padding:1px 5px;border:0;border-radius:0;background:#fff;color:#111;box-shadow:none;width:100%;min-width:0;height:19px}.classic-search button{font-size:15px}
.classic-banner{height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;letter-spacing:0;font-weight:400;background:#008000;color:#fff;white-space:nowrap}
.classic-main{padding:18px 24px 13px;flex:1;width:100%;margin:0;max-width:none}
.classic-columns{display:grid;grid-template-columns:46% minmax(0,1fr);gap:22px;min-height:474px}
.classic-common{min-width:0;display:block;margin:0;padding:0}
.classic-left-top{display:grid;grid-template-columns:40% minmax(0,1fr);height:158px;gap:3px}
.classic-download{position:relative;display:flex;justify-content:flex-end;align-items:center;padding-right:11px}.red-arrow{display:block;position:relative;background:red;width:45px;height:15px;flex-shrink:0}.red-arrow:after{content:"";position:absolute;left:100%;top:-12px;border-left:22px solid red;border-top:20px solid transparent;border-bottom:20px solid transparent}.classic-download>.red-arrow{position:absolute;left:3px;top:51px;width:40px}
.classic-app .app-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:0;padding:7px 2px 3px;border:1px solid transparent;border-radius:0;background:none;box-shadow:none;color:#111;text-align:center;cursor:pointer;text-decoration:none;transition:none;gap:0}
.classic-app .app-tile:hover,.classic-app .app-tile:focus-visible{background:#e9f4ff;border:1px solid #9ac3e9;transform:none;outline:none}
.classic-app .app-art{display:grid;place-items:center;width:45px;height:45px;min-width:0;min-height:0;border:0;border-radius:10px;margin:0 0 3px;padding:0;background:none;box-shadow:none;overflow:hidden}
.classic-app .app-art img{display:block;width:100%;height:100%;object-fit:contain;border:0;filter:none;transform:none;border-radius:0}
.classic-app .app-art.logo-plate{background:#fff}.classic-app .app-art.logo-plate[data-icon-asset="midiplus"],.classic-app .app-art.logo-plate[data-icon-asset="sysceo"]{background:#273b57;padding:3px}
.classic-app .app-art[data-icon-asset="icon"] img{width:114%;height:114%;max-width:none}
.classic-app .app-name{font:11px/1.4 Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#111;min-height:15px;max-width:100%;overflow-wrap:anywhere;margin:0;font-weight:400;letter-spacing:0;display:block}
.classic-app .app-description{display:none}
.classic-app .universal-download{width:111px;padding:4px 0}.classic-app .universal-download .app-art{width:78px;height:78px;background:radial-gradient(circle at 45% 35%,#ffdf7c 0,#ffbd15 44%,#ce8e00 58%,#dedede 61%,#aaa 66%,#fff 68%,transparent 70%);border-radius:50%;margin-bottom:7px;filter:drop-shadow(1px 3px 2px #7778)}.classic-app .universal-download .app-art img{width:40%;height:40%;filter:grayscale(1) brightness(3)}.classic-app .universal-download .app-name{font-size:13px}
.classic-remote-table{display:grid;grid-template-rows:1fr 1fr;padding-top:1px}.classic-table-row{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:stretch}.classic-row-label{display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:14px;white-space:nowrap}.classic-row-icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #e6e6e6;min-height:75px}.classic-row-icons.live-row{grid-template-columns:repeat(7,minmax(0,1fr))}.classic-remote-table .classic-table-row{grid-template-columns:48px minmax(0,1fr)}.classic-remote-table .classic-row-icons{grid-template-columns:repeat(3,minmax(0,1fr))}.classic-app-table>.classic-table-row+.classic-table-row .classic-row-icons{border-top:0}.classic-remote-table>.classic-table-row+.classic-table-row .classic-row-icons{border-top:0}
.classic-remote-table .app-tile{padding-top:7px}.classic-remote-table .app-art{width:45px;height:45px}.classic-row-icons.live-row .app-art{width:42px;height:42px}.classic-row-icons.live-row .app-name{font-size:10px}
.classic-workspace{padding:0;min-width:0}.classic-workspace-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.classic-pane{height:466px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent;padding:0 2px 0 0}.classic-pane:has(.classic-system),.classic-pane:has(.classic-obs-top){overflow:visible}.classic-pane::-webkit-scrollbar{width:5px}.classic-pane::-webkit-scrollbar-thumb{background:#c6c6c6}
.classic-fieldset{border:1px solid #ddd;padding:3px 5px 6px;margin:0;min-width:0;background:#fff}.classic-fieldset legend{font-size:12px;color:#111;text-align:center;padding:0 7px;float:none;max-width:100%;line-height:17px}.classic-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px 2px;align-items:start}.classic-fieldset .app-tile{padding:5px 1px 2px}.classic-fieldset .app-art{width:44px;height:44px}.classic-fieldset .app-name{font-size:10px}
.classic-system{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:8px;height:466px}.classic-system-main{display:flex;flex-direction:column;min-width:0;padding-top:31px}.classic-feature-row{height:149px;display:flex;gap:10px;margin-bottom:20px}.classic-feature{border:1px solid #ddd;border-radius:14px;display:flex;align-items:center;text-decoration:none;color:#fff;overflow:hidden;position:relative;cursor:pointer}.classic-feature:hover{filter:brightness(1.05)}.driver-feature{flex:1;background:radial-gradient(circle at 10% 80%,#9df7fd,transparent 65%),linear-gradient(130deg,#05c6dc,#0060be 56%,#002f80);border:3px ridge #23cbd9;box-shadow:0 2px 2px #8888}.feature-equipment{position:relative;width:43%;height:100%;flex-shrink:0;display:grid;place-items:center}.classic-app .feature-equipment .app-art{position:absolute;width:69px;height:69px}.feature-equipment .app-art:nth-child(1){top:11px;left:5px}.feature-equipment .app-art:nth-child(2){left:40px;top:55px;width:45px;height:45px}.feature-equipment .app-art:nth-child(3){left:8px;bottom:12px;width:58px;height:40px}.driver-feature>div:last-child{position:relative;z-index:1;padding-right:5px;text-align:center;flex:1}.driver-feature small{display:block;font-size:8px;color:#fff;margin-bottom:3px}.driver-feature strong{font-size:15px;display:block;white-space:nowrap;text-shadow:1px 1px #014b85}.driver-feature span{display:block;font-size:8px;margin:8px 0 10px}.classic-feature b{display:block;font-size:11px;color:#003c90;background:linear-gradient(#5cffff,#03c5fa);border:1px solid #77ffff;border-radius:5px;box-shadow:1px 3px 5px #002e92;padding:5px 8px;max-width:100px;margin:auto}.ai-feature{width:126px;flex-shrink:0;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 5%,#fff,transparent 75%),linear-gradient(135deg,#f5f4c6,#ff8ecf);color:#06a4c2;gap:6px}.ai-feature strong{font:bold 30px Arial;color:#17bfea;-webkit-text-stroke:1px #063b77;text-shadow:2px 2px #66316d}.ai-feature>span{font-size:21px;color:#edd66b}.ai-feature b{border-radius:22px;padding:5px 14px;color:#fff;text-shadow:0 1px #075ea0}
.classic-system-shortcuts,.classic-system-audio{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #e6e6e6}.classic-system-shortcuts .app-art,.classic-system-audio .app-art{width:38px;height:38px}.classic-system-shortcuts .app-name,.classic-system-audio .app-name{font-size:10px;white-space:nowrap;overflow-wrap:normal}.classic-system-shortcuts .app-tile{padding:8px 1px 4px}.classic-runtime-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:19px 0 18px;border:1px solid #e6e6e6;border-top:0;border-bottom:0;align-items:center}.classic-runtime-row .app-tile{flex-direction:row;justify-content:center;align-items:center;gap:1px}.classic-runtime-row .app-art{width:40px;height:40px;margin:0}.classic-runtime-row .app-name{font-size:12px}.classic-play{display:flex;align-items:center;justify-content:center;gap:1px;font-size:13px;color:#111;padding:0;background:none}.classic-play i{display:grid;place-items:center;font-style:normal;color:#fff;font-size:23px;line-height:1;width:40px;height:40px;border-radius:11px;border:3px ridge #a5e2a3;background:linear-gradient(130deg,#a5ee6a,#189e19);text-shadow:0 2px #416b40;box-shadow:1px 2px 2px #8887}.classic-play.stop i{background:linear-gradient(130deg,#ff8b7e,#f00000);border-color:#f4b0a8}.classic-system-audio{border-top:1px solid #eee;min-height:74px;align-items:center}.classic-system-audio .app-tile{padding:7px 0 4px}.classic-quick-links{display:flex;justify-content:center;gap:15px;margin-top:10px;font-size:11px}.classic-quick-links button{font-size:11px;color:#0060a6;text-decoration:underline;padding:0}
.classic-system-rail{display:flex;flex-direction:column;gap:3px;border:1px solid #e6e6e6;padding:9px 6px;justify-content:center}.rail-action{font-size:12px;line-height:1.3;min-height:29px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;border:0;border-radius:0;padding:3px 0;white-space:nowrap;cursor:pointer}.rail-action.blue{background:#0060bd}.rail-action.teal{background:#008b8b;margin-top:1px}.rail-action.green{background:#008000;margin-top:1px}.rail-action:hover{filter:brightness(1.17)}
.classic-obs-top{display:grid;grid-template-columns:29% 30% minmax(0,1fr);gap:7px;padding-top:17px;height:220px}.classic-obs-download{display:flex;align-items:center;justify-content:center}.classic-app .large-obs .app-art{width:99px;height:99px;margin-bottom:12px}.classic-app .large-obs .app-name{font-size:12px}.led-software .classic-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-drivers .classic-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.classic-obs-top .classic-mini-grid{padding-top:5px;row-gap:10px}.classic-obs-bottom{display:grid;grid-template-columns:24% minmax(0,1fr);gap:9px;margin-top:13px;height:233px}.virtual-screens legend,.obs-plugins legend{color:red}.virtual-screens .classic-mini-grid{grid-template-columns:1fr;gap:12px;padding-top:8px}.virtual-screens .app-art{width:68px;height:68px}.obs-plugins .classic-mini-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:215px;overflow:auto;scrollbar-width:thin}.obs-plugins .app-art{width:40px;height:40px}.obs-plugins .app-name{font-size:10px;white-space:nowrap;letter-spacing:-.5px}.obs-plugins .app-tile{padding-top:4px;min-height:66px}.driver-panel,.rack-install,.rack-resources,.catalog-group{margin-bottom:13px}.driver-panel .classic-mini-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.driver-panel .app-art{width:39px;height:39px}.driver-panel .app-name{font-size:9px}.rack-install .classic-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rack-resources .classic-mini-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.catalog-mode .classic-mini-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.catalog-mode .app-name{font-size:10px}.catalog-mode .app-tile{min-height:81px}
.classic-bottom{display:grid;grid-template-columns:46% minmax(0,1fr);gap:22px;margin-top:14px;min-height:110px}.classic-voice{display:flex;justify-content:center;align-items:center;gap:8px;padding-left:43px}.classic-voice .classic-fieldset{width:255px;min-height:105px}.classic-voice .classic-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.classic-voice .classic-fieldset .app-art{width:45px;height:45px}.classic-voice .app-name{font-size:13px}.classic-green-indicator{display:block;width:33px;height:29px;background:#008000;border:2px ridge #d1dec9;flex-shrink:0}.classic-category-switch{display:flex;align-items:center;justify-content:flex-end;gap:22px;padding-right:65px}.classic-switch-hint{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:104px}.classic-switch-hint .red-arrow{margin-left:-14px;width:55px}.classic-switch-hint span{font-size:13px;color:#111}.classic-switches{border:1px solid #ddd;display:grid;grid-template-columns:repeat(3,1fr);width:303px;min-width:260px;height:116px;padding:14px 6px 6px;gap:7px;flex:1;max-width:320px}.classic-switches>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#111;white-space:nowrap;background:none;padding:0;border:0;border-radius:0}.green-switch{display:block;position:relative;width:65px;height:59px;border-radius:50%;border:4px ridge #a6b0ab;background:radial-gradient(ellipse at 48% 33%,#e9ffe9 0,#8beaa2 15%,#1ab537 27%,#039524 48%,#005b14 63%,#dae9de 67%,#aab3ad 75%,#f0f4f1 82%);box-shadow:0 3px 2px #8889}.green-switch:before{position:absolute;content:"";width:42px;height:17px;border-radius:50%;background:linear-gradient(#ffffffcf,#ffffff00);left:7px;top:4px;transform:rotate(-5deg)}.classic-switches>button:hover .green-switch{filter:brightness(1.17)}.classic-switches>button.active .green-switch{box-shadow:0 0 0 2px #11a329,0 3px 2px #8889}.classic-switches>button.active>span{color:#007500}
.classic-status{height:51px;background:#008000;color:white;display:flex;align-items:center;padding:6px 8px;gap:6px;font-size:13px;flex-shrink:0}.classic-status>span{white-space:nowrap}.classic-status-track{height:37px;border:1px solid #eee;background:#087b08;flex:1;display:flex;align-items:center;padding:0 11px;color:#fff;font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classic-status>button{font-size:11px;padding:6px 8px;white-space:nowrap;background:#fff;border:1px solid #d1d1d1;color:#008000}.classic-status>button#allTools{color:#f22}
.classic-app .empty{font-size:13px;color:#555;padding:20px;border-radius:0;border-color:#ddd}
@media(min-width:1400px){.classic-app{margin-top:12px;border:1px solid #bbb;box-shadow:0 3px 15px #0002}body:has(.classic-app:not(.hidden)){background:#e9e9e9}}
@media(max-width:1100px){.classic-banner{font-size:19px}.classic-main{padding:16px 17px 12px}.classic-columns,.classic-bottom{grid-template-columns:46% minmax(0,1fr);gap:15px}.classic-row-label{font-size:13px}.classic-table-row{grid-template-columns:52px minmax(0,1fr)}.classic-download>.red-arrow{width:31px;left:0}.classic-download .red-arrow:after{border-left-width:18px}.classic-app .universal-download{width:104px}.classic-system{grid-template-columns:minmax(0,1fr) 105px;gap:6px}.classic-feature-row{gap:6px}.ai-feature{width:102px}.driver-feature strong{font-size:12px}.driver-feature small{font-size:7px}.driver-feature span{font-size:7px}.feature-equipment{width:38%}.classic-app .feature-equipment .app-art{width:56px;height:56px}.feature-equipment .app-art:nth-child(2){left:28px;top:55px;width:35px;height:35px}.feature-equipment .app-art:nth-child(3){width:48px;height:35px;left:3px}.ai-feature strong{font-size:26px}.classic-system-rail{padding:8px 4px}.rail-action{font-size:11px}.classic-system-shortcuts .app-art,.classic-system-audio .app-art{width:32px;height:36px}.classic-system-shortcuts .app-name,.classic-system-audio .app-name{font-size:9px;letter-spacing:-.4px}.classic-play{font-size:11px}.classic-play i{width:33px;height:36px}.classic-runtime-row .app-art{width:33px;height:36px}.classic-category-switch{padding-right:20px;gap:14px}.classic-switch-hint{min-width:84px}.classic-switches{min-width:245px}.classic-voice{padding-left:25px}.classic-obs-top{grid-template-columns:28% 30% minmax(0,1fr);gap:5px}.classic-obs-top .classic-fieldset .app-art{width:38px;height:38px}.classic-obs-top .app-name{font-size:9px}.classic-app .large-obs .app-art{width:86px;height:86px}.obs-plugins .classic-mini-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.classic-app .universal-download .app-art img{display:none}.classic-app .universal-download .app-art:after{content:"↻";width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#ece9d9;border:4px double #fff;color:#94a16c;font:bold 48px/1 Arial;text-shadow:0 1px #fff;box-shadow:0 1px 3px #a07822}
