.cb .sw-workbench{padding:2px 0}.cb .sw-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cb .sw-top input{max-width:220px;height:32px}.cb .sw-top button{padding:6px 10px;font-size:12px}.cb .sw-palette section{margin:0 0 15px}.cb .sw-palette h3{font-size:13px;font-weight:400;color:#aeb7c1;margin-bottom:6px}.cb .sw-palette section>div{display:flex;flex-wrap:wrap;gap:10px}.cb .sw-skill,.cb .sw-slot{position:relative;padding:0;flex:none;width:48px;height:48px;border:1px solid #626570;border-radius:5px;background:#18191b;touch-action:manipulation}.cb .sw-skill .cb-item-image,.cb .sw-slot .cb-item-image{width:100%;height:100%;border:0;border-radius:4px;object-fit:cover}.cb .sw-skill[draggable=true],.cb .sw-slot[draggable=true]{cursor:grab}.cb .sw-skill.selected{border-color:#53b8f3;box-shadow:0 0 0 2px #53b8f340}.cb .sw-level,.cb .sw-special{position:absolute;right:-5px;bottom:-5px;background:#ab70c9;border-radius:12px;min-width:19px;height:19px;line-height:19px;text-align:center;color:white;font-size:11px;pointer-events:none}.cb .sw-special{top:-5px;left:-5px;right:auto;bottom:auto;background:#5baee8}.cb .sw-guide{text-align:center;color:#a4aab2;font-size:12px;margin:20px 0 14px}.cb .sw-bar-scroll{overflow-x:auto;padding:6px 5px 12px}.cb .sw-hotbar{display:grid;grid-template-columns:repeat(12,minmax(38px,1fr));gap:8px;min-width:610px}.cb .sw-column{display:flex;flex-direction:column;align-items:center;gap:7px}.cb .sw-slot{width:100%;max-width:48px;height:auto;aspect-ratio:1;border-color:#36383e;color:#81858d;font-size:18px;transition:border-color .12s,box-shadow .12s,background .12s}.cb .sw-key{display:grid;place-items:center;width:100%;max-width:48px;height:34px;color:#777b83;background:#191a1c;border:1px solid #2c2e31;border-radius:4px;font-size:12px}.cb .sw-slot.sw-drop-ready{border-color:#45a9ef;background:#172833;box-shadow:inset 0 0 0 1px #45a9ef60}.cb .sw-slot.sw-drop-over{border-color:#9cdcff;background:#294858;box-shadow:0 0 12px #45a9ef80}.cb .sw-drag-source{opacity:.45}.cb .sw-drag-ghost img{width:48px;height:48px;border-radius:5px}.cb .sw-drag-ghost small{display:none}.cb .sw-detail{border:1px solid #41464d;background:#181a1d;padding:14px;border-radius:5px;margin:14px 0}.cb .sw-detail header{display:flex;align-items:center;gap:10px}.cb .sw-detail header img{width:40px;height:40px}.cb .sw-detail header h3{flex:1}.cb .sw-detail header button{padding:4px 8px}.cb .sw-detail p{white-space:pre-line;line-height:1.7;margin:12px 0}.cb .sw-detail-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px}.cb .sw-detail-controls select{padding:4px}.cb .sw-detail-controls button{padding:6px 9px}.cb .sw-specialties{display:grid;gap:7px;margin-top:14px}.cb .sw-specialties label{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#24262a;border-radius:4px}.cb .sw-specialties b{color:#b594d3;margin-right:7px}.cb .sw-macros{margin:16px 0}.cb .sw-macros>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cb .sw-macros header button{padding:6px 9px}.cb .sw-macro-card{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:10px;margin:6px 0;background:#191a1c}.cb .sw-macro-card>b{min-width:80px;max-width:150px;overflow-wrap:anywhere}.cb .sw-macro-card>span{display:flex;gap:5px;flex:1;flex-wrap:wrap}.cb .sw-macro-card img{width:32px;height:32px}.cb .sw-macro-card small{font-size:11px;white-space:nowrap}.cb .sw-macro-editor>input{width:100%;margin-bottom:16px}.cb .sw-macro-step{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #36383d;background:#191a1c;border-radius:5px}.cb .sw-macro-step>img{width:48px;height:48px}.cb .sw-macro-step b{flex:1;overflow-wrap:anywhere;font-size:13px}.cb .sw-macro-step button{display:grid;place-items:center;border:0;background:transparent;width:30px;height:30px}.cb .sw-arrow{width:18px;height:18px;filter:invert(1);opacity:.8}.cb .sw-arrow.up{transform:rotate(180deg)}.cb .sw-delay{display:flex;align-items:center;justify-content:center;gap:8px;margin:9px 0;color:#aeb5bf;font-size:12px}.cb .sw-delay input{width:90px;padding:5px 8px}.cb .sw-add-step{margin:14px 0}.cb .sw-add-step summary{cursor:pointer;padding:7px 0;list-style:none}.cb .sw-add-step input,.cb .sw-slot-picker>input{width:100%;margin-bottom:10px}.cb .sw-skill-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:260px;overflow:auto}.cb .sw-skill-choices button{display:flex;gap:9px;align-items:center;text-align:left;padding:7px;font-size:12px}.cb .sw-skill-choices img{width:36px;height:36px}.cb .sw-macro-editor footer{display:flex;justify-content:space-between;border-top:1px solid #35373b;padding-top:15px;margin-top:15px}.cb .sw-macro-editor footer button{padding:7px 12px}.cb .sw-target-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cb .sw-target-picker>div{display:grid;gap:5px}.cb .sw-target-picker button{padding:8px}.cb .cb-rich-section{margin-top:20px;border:1px solid #383b40;border-radius:5px;background:#292b2e}.cb .cb-rich-section>summary{padding:10px 12px;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.cb .cb-rich-section[open]>summary .cb-fluent-chevron{transform:rotate(180deg)}.cb .cb-rich-wrap{margin:0 7px 7px;padding:7px;background:#1b1c1f;border-radius:4px}.cb .cb-rich-toolbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:5px}.cb .cb-rich-toolbar button{min-width:30px;height:31px;padding:3px 7px;background:#2b2d31;font-size:12px}.cb .cb-rich-toolbar input{height:31px;padding:4px 7px;width:130px}.cb .cb-rich-content{min-height:125px;padding:12px;background:#292b2e;border-radius:4px;line-height:1.75;overflow-wrap:anywhere}.cb .cb-rich-content:focus{outline:1px solid #589fd4}.cb .cb-rich-content:empty:before{content:attr(data-placeholder);color:#a3a7b0;pointer-events:none}.cb .cb-rich-content ul{list-style:disc;padding-left:24px}.cb .cb-rich-content ol{list-style:decimal;padding-left:24px}.cb .cb-rich-content h3{font-size:18px}.cb .cb-rich-content h4{font-size:16px}.cb .cb-rich-content blockquote{border-left:3px solid #7794aa;padding-left:12px;margin:8px 0;color:#bcc7d2}.cb .cb-rich-content hr{border-top:1px solid #626872;margin:12px 0}.cb .cb-rich-content a{color:#63b6ee;text-decoration:underline}.cb [data-rich-status]{display:block;margin-top:5px;font-size:11px}
@media(max-width:820px){.cb .sw-skill{width:42px;height:42px}.cb .sw-palette section>div{gap:9px}.cb .sw-macro-step{gap:7px;padding:8px}.cb .sw-macro-step>img{width:35px;height:35px}.cb .sw-macro-step button{width:25px}.cb .sw-skill-choices{grid-template-columns:1fr}.cb .sw-macro-card{flex-wrap:wrap}.cb .sw-target-picker{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1200px){.cb.cb-skills-mode .cb-layout{grid-template-columns:210px minmax(0,1fr) 230px}.cb.cb-skills-mode #cb-gear{display:none}}

.cb .cb-dialog:has(.sw-macro-editor){width:min(520px,calc(100vw - 28px))}

.cb .sw-slot.sw-slot-gap{visibility:hidden;pointer-events:none}.cb .sw-target-picker>div{grid-template-rows:repeat(4,1fr)}