[hidden]{display:none!important}
dialog label{display:grid;gap:7px;color:#6e6e73;font-size:13px}dialog label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px;color:#1d1d1f}dialog input[type=checkbox]{width:17px;height:17px;margin:0}
.category-picker{position:relative}.category-picker>button{width:100%;display:flex;justify-content:space-between;background:#fff;color:#1d1d1f;border:1px solid rgba(0,0,0,.12);padding:12px;text-align:left;font-weight:400}#categoryMenu{position:absolute;z-index:30;top:48px;left:0;right:0;max-height:300px;overflow:auto;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:7px;box-shadow:0 18px 45px rgba(0,0,0,.16)}#categoryMenu button{width:100%;display:flex;justify-content:space-between;background:transparent;color:#1d1d1f;border:0;padding:10px 12px;text-align:left;font-weight:400}#categoryMenu button:hover{background:#f2f2f4}.picker-children{padding-left:14px}.picker-children button{color:#6e6e73!important}
#items{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.tile{min-height:52px;padding:12px 15px;border-radius:13px;display:flex;align-items:center;gap:11px}.tile i{flex:0 0 auto;width:10px;height:10px;margin:0}.tile b{min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile br,.tile small{display:none}@media(max-width:820px){#items{gap:8px}.tile{min-height:48px;padding:11px 13px;border-radius:12px}.tile i{margin:0}}
.tile{background:color-mix(in srgb,var(--tile,#3b82f6) 15%,white)!important}.tile i{cursor:pointer}.tile.dragging{opacity:.42;transform:scale(.97)}.tile[draggable=true]{cursor:grab}.tile[draggable=true]:active{cursor:grabbing}
main{grid-template-columns:176px minmax(0,1fr);gap:32px;padding-left:0}aside{width:176px;background:#fff;border-right:1px solid #e5e6e8;padding:14px 0 28px;top:84px;max-height:calc(100vh - 84px);box-shadow:none}aside>button,#cats button{height:36px;margin:0;border:0;border-radius:0;padding:0 16px;font-size:13px;line-height:36px;color:#262626;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}aside>button:hover,#cats button:hover{background:#f5f6f7}aside>button:focus,#cats button:focus{outline:0;background:#eaf3fc;color:#1677ff}aside>button:first-child{margin-top:0}#recommended{font-weight:400;color:#262626;border-bottom:1px solid #e5e6e8;margin-bottom:10px;padding-bottom:10px;height:47px}#cats>div{border-bottom:1px solid #e5e6e8;padding:10px 0}#cats>div:last-child{border-bottom:0}.cat.root{font-weight:400;position:relative;padding-right:32px!important}.cat.root::first-letter{color:#8c8c8c}.sub{margin:0;padding:0;border:0}.sub button{height:36px!important;padding-left:40px!important;font-size:13px!important;color:#262626!important}.sub button:hover{background:#f5f6f7!important}.sub button:focus{background:#eaf3fc!important;color:#1677ff!important}#newCat{width:calc(100% - 24px);height:34px;margin:14px 12px 0!important;padding:0!important;border:1px solid #d9d9d9!important;border-radius:2px!important;text-align:center!important;color:#595959!important;background:#fff!important}#newCat:hover{border-color:#1677ff!important;color:#1677ff!important}@media(max-width:820px){main{padding-left:16px}aside{width:auto;background:transparent;border:0;box-shadow:none}aside>button,#cats button{border-radius:8px;height:38px;line-height:38px}#cats>div{display:flex;border:0;padding:0}.sub{display:flex}#recommended{height:38px;padding-bottom:0;margin-bottom:0;border:0}#newCat{width:auto;margin:0!important;padding:0 14px!important}}