.group-title-row{display:flex;align-items:center;gap:9px;min-width:0}.group-gear{flex:none;font-size:20px!important;width:32px;height:32px;padding:2px!important;border:1px solid var(--line)!important;border-radius:9px!important}.group-title-row h1{min-width:0}.group-gear:hover{background:#e8f2ed;transform:rotate(18deg)}
.db-dock{margin-top:9px;flex-shrink:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:11px 12px;border-radius:9px;font-weight:650;text-align:left;background:#f2f7f4}.db-dock small{font-weight:400;font-size:10px;color:var(--muted)}.db-dock.active{background:#214c39;color:white}.db-dock.active small{color:#e4eee7}
.studio-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.studio-head h2{font-size:16px}.studio-head small{font-size:11px;color:var(--muted)}.studio-tabs{display:flex;gap:5px;padding:9px 14px;flex-shrink:0;border-bottom:1px solid var(--line)}.studio-tabs button{font-size:12px;padding:7px 12px}.studio-tabs .active{background:#214c39;color:white;border-color:#214c39}.studio-body{overflow:auto;min-height:0;padding:14px;flex:1;overscroll-behavior:contain;scrollbar-width:thin}.studio-columns{display:grid;grid-template-columns:minmax(255px,1fr) minmax(270px,1fr);gap:16px;align-items:start}.studio-form{display:flex;flex-direction:column;gap:10px}.studio-form .field{font-size:12px}.studio-form input,.studio-form textarea,.studio-form select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:white}.studio-form textarea{resize:vertical;min-height:65px}.studio-form input[type=checkbox]{width:auto}.studio-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.studio-row .field{flex:1}.studio-hint{font-size:11px;color:var(--muted);line-height:1.45}.studio-notice{padding:10px;border:1px solid #dce7de;background:#f2f7f4;border-radius:9px;font-size:12px;line-height:1.45}.studio-actions{display:flex;gap:7px;flex-wrap:wrap}.studio-actions button{padding:8px 12px;font-size:12px}.studio-preview{position:sticky;top:0;border:1px solid var(--line);border-radius:12px;background:#eff4f1;padding:14px}.studio-preview h3{font-size:12px;color:var(--muted);margin:0 0 10px}.preview-message{background:white;border:1px solid #dfe8e2;border-radius:12px 12px 12px 3px;padding:16px;min-height:130px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.preview-message.show-slide{animation:studio-enter .25s ease-out}.preview-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:9px 0}.preview-controls{display:flex;align-items:center;justify-content:center;gap:8px}.preview-controls button{padding:6px 12px}.preview-scheme{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:10px;color:var(--muted)}.preview-scheme span{border:1px dashed #afc5b6;padding:5px 9px;border-radius:6px}.studio-jobs{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.studio-job{display:flex;align-items:center;gap:10px;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:9px 10px;margin-top:7px;font-size:12px}.studio-job>div:first-child{min-width:0;flex:1}.studio-job strong,.studio-job small{display:block;overflow-wrap:anywhere}.studio-job small{color:var(--muted);margin-top:4px}.studio-job button{font-size:11px;padding:5px 8px}.bot-row,.studio-review{border:1px solid var(--line);padding:12px;border-radius:10px;margin-bottom:9px}.bot-row header,.studio-review header{display:flex;justify-content:space-between;gap:9px;align-items:center}.bot-row small,.studio-review small{font-size:11px;color:var(--muted)}.bot-secret{display:flex;gap:7px;margin-top:9px}.bot-secret input{flex:1;min-width:0;padding:8px;border:1px solid var(--line);border-radius:7px}.studio-review p{white-space:pre-wrap;font-size:12px;line-height:1.5;margin:10px 0}.review-badge{font-size:10px;border:1px solid var(--line);padding:3px 6px;border-radius:6px}.cabinet-modal{width:min(620px,94vw)}#cabinet-body{padding:18px;max-height:70vh;overflow:auto}.cabinet-key{width:100%;resize:none;padding:12px;font:13px/1.7 Consolas,monospace;border:1px solid var(--line);border-radius:9px;background:#eff6f1;overflow-wrap:anywhere}.cabinet-links{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin:10px 0}.cabinet-links a{color:#24563e}.cabinet-input{width:100%;padding:11px;margin:8px 0 12px;border:1px solid var(--line);border-radius:8px;font:inherit}.cabinet-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;margin:14px 0}.db-toolbar{display:flex;gap:8px;flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--line)}.db-toolbar input{flex:1;min-width:0}.db-toolbar input,.db-toolbar select{border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px}.db-table-wrap{min-height:0;overflow:auto;flex:1;padding:0 14px;scrollbar-width:thin}.db-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.db-table th{text-align:left;position:sticky;top:0;background:#f3f7f4;color:var(--muted);font-size:11px;padding:10px 8px}.db-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}.db-table td small{display:block;color:var(--muted);margin-top:3px}.db-table th:nth-child(1){width:28%}.db-table th:nth-child(2){width:36%}.db-table th:nth-child(3){width:22%}.db-table button{font-size:11px;padding:5px 8px}.db-table tr:hover{background:#f7faf8}.db-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--line);flex-shrink:0;font-size:12px}.studio-log{font-size:12px;line-height:1.6;border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.studio-error{color:#a5372e!important}.studio-empty{padding:25px;text-align:center;color:var(--muted);font-size:13px}.studio-tab-save{margin-left:auto!important}#remember-pc,#key-login{font-size:11px;padding:8px 10px}
@keyframes studio-enter{from{opacity:.3;transform:translateX(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.preview-message.show-slide{animation:none}.group-gear:hover{transform:none}}@media(max-width:1150px){.studio-columns{grid-template-columns:1fr}.studio-preview{position:static}.top-actions{gap:5px}.top-actions #connection{display:none}}@media(max-height:700px){.studio-head{padding:8px 12px}.studio-tabs{padding:6px 12px}.studio-body{padding:10px}.db-dock{padding:8px 10px}}