.symbol-library-dialog{width:min(960px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:0;border:1px solid #bdb99f;border-radius:12px;background:#faf8ef;color:#12382c;box-shadow:0 18px 60px #001d1a66}
.symbol-library-dialog::backdrop{background:#001d1a88}
/* The library uses small thumbnails; cell counts never enlarge the tile height. */
.panel-left .cat-grid,.panel-left .wzor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:44px;gap:4px;align-items:stretch}
.panel-left .sym-btn{box-sizing:border-box;height:44px!important;min-height:0!important;min-width:0;aspect-ratio:auto!important;grid-column:span 1!important;overflow:hidden;padding:5px;border-radius:6px;transform:none!important;transition:background .12s,border-color .12s;box-shadow:none!important}
.panel-left .sym-btn.sym-wide{grid-column:span 2!important}
.panel-left .sym-btn img.sym-img{width:27px!important;height:27px!important;max-width:100%;object-fit:contain!important}
.panel-left .sym-btn.sym-wide img.sym-img{width:100%!important;height:27px!important;max-width:88px}
.panel-left .sym-btn svg{max-width:100%;max-height:27px}
.panel-left .sym-btn.sym-wide svg{width:100%!important;height:27px!important}
.panel-left .sym-btn::after,.panel-left .sym-btn:hover::after{content:none!important;display:none!important}
.panel-left .sym-btn.active{background:#fff0bc!important;border:2px solid #ad8426!important;box-shadow:none!important}
.panel-left .sym-btn.in-wzor:not(.active){background:#fff!important;border-color:#d1d6c8;box-shadow:none}
.panel-left .sym-btn.in-wzor:not(.delete-mode)::before{content:'•';position:absolute;top:1px;right:4px;color:#15513b;font-size:14px;line-height:10px;pointer-events:none}
.panel-left .sym-btn.delete-mode{border-color:#bd5650!important;background:#fff4f2!important}
.panel-left .sym-btn:focus-visible{outline:2px solid #17513b;outline-offset:1px}
.palette-library-label{font-size:12px;font-weight:800;color:#154b37;padding:5px 3px 9px;border-bottom:2px solid #d4d6c5;margin-bottom:6px}
.palette-group{margin:0 0 9px}.palette-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-transform:none;letter-spacing:0;font-size:12px;padding:8px 3px;border-bottom:1px solid #e0e2d4;color:#274a3c}
.palette-group>summary::-webkit-details-marker{display:none}.palette-group>summary:after{content:'+';font-size:17px;font-weight:500;color:#65786b}.palette-group[open]>summary:after{content:'−'}
.palette-group>.cat-grid{margin-top:7px}
body.hostera-refresh .panel-left #wzor-section{background:#f1f4ea;border:0;border-bottom:2px solid #a8bca8;max-height:156px;min-height:0;overflow:auto;padding-bottom:6px}
.panel-left .wzor-header{color:#174b37;font-size:12px;letter-spacing:0;text-transform:none;padding:10px 9px 7px;gap:6px}
.panel-left .wzor-header:hover{background:#e8eedf}.panel-left .wzor-count{margin-left:auto;min-width:18px;padding:2px 5px;text-align:center;background:#dce8d8;border-radius:4px;font-size:10px}
.panel-left .wzor-empty{color:#5b6e5f!important;font-size:11px!important;line-height:1.4!important;text-align:left;opacity:1;padding:4px 2px!important}
body.hostera-refresh .panel-left #wzor-grid:empty{min-height:0}
.panel-left .wzor-sym-btn .remove-from-wzor{display:flex!important;opacity:1!important;align-items:center;justify-content:center;top:1px;right:1px;width:13px;height:13px;line-height:13px;border-radius:3px;background:#fff;color:#56685e;font-size:10px;z-index:2}
.panel-left .wzor-sym-btn.in-wzor::before{content:none!important}
body.hostera-refresh.wzor-mode .panel-left #wzor-section{border:0;border-bottom:2px solid #a8bca8}
.sl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:#0d4936;color:#fff3bb}.sl-head h2{margin:0;font-size:20px}.sl-head button{color:#12382c}
.sl-body{padding:18px 22px}.sl-help{margin:0 0 14px;font-size:13px;line-height:1.5;color:#526a60}.sl-filters,.sl-move{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sl-filters{margin-bottom:12px}.sl-filters input{flex:1;min-width:150px}.symbol-library-dialog input,.symbol-library-dialog select{border:1px solid #c9c9b6;border-radius:6px;background:white;color:#153a2e;padding:10px;font:inherit}
.symbol-library-dialog button{border:1px solid #c4c6ae;border-radius:6px;background:#fffdf5;padding:10px 14px;font:inherit;cursor:pointer}.symbol-library-dialog button:disabled{opacity:.5;cursor:default}.symbol-library-dialog button.sl-primary{background:#e0b942;border-color:#bc9426;font-weight:700;color:#11382c}.sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px;max-height:45vh;overflow:auto;padding:3px 3px 12px}.sl-card{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #dadaca;border-radius:7px;background:white;cursor:pointer;min-width:0}.sl-card:has(input:checked){background:#fff2c3;border-color:#c09a2d}.sl-card input{accent-color:#0d4936}.sl-thumb{display:flex;align-items:center;justify-content:center;width:52px;height:46px;flex-shrink:0;overflow:hidden}.sl-thumb img{max-width:100%;max-height:100%;object-fit:contain}.sl-thumb svg{max-width:100%;max-height:100%}.sl-name{font-size:12px;line-height:1.3;overflow-wrap:anywhere}.sl-name small{display:block;margin-top:4px;color:#667669;font-size:11px}.sl-move{border-top:1px solid #dadaca;padding-top:14px}.sl-move label{font-size:13px}.sl-status{min-height:20px;font-size:12px;margin:10px 0 0}.sl-footer{margin-top:10px}.sl-footer button{font-size:12px}
#btn-organize-symbols{width:100%;margin-top:6px;font-weight:600;border-color:#ac922f;background:#f6edc8}

/* KnitLab categorized symbol palette */
.panel-left #palette.kl-palette{padding:10px;background:#faf9f2}
.kl-symbol-search{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px!important;margin:0 0 10px;border:1px solid #cbd6c8!important;border-radius:9px!important;background:#fffefa!important;color:#174a38;font:13px inherit;outline-offset:2px}
.kl-symbol-search:focus{outline:2px solid #c3a138;border-color:#c3a138!important}
.kl-palette-tools{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 3px;color:#617366;font-size:11px}
.kl-palette-tools>span{flex:1}.kl-palette-tools>.sym-btn{width:36px!important;height:32px!important}
.panel-left .kl-symbol-group{margin:0 0 9px;border:1px solid #d5ddce;border-radius:11px;background:#fffef9;overflow:hidden;box-shadow:0 2px 5px #173e3105}
.panel-left .kl-symbol-group>summary{display:flex;align-items:center;gap:9px;min-height:50px;padding:9px 11px;box-sizing:border-box;border:0;font-size:13px;font-weight:700;color:#174b37;transition:background .15s}
.panel-left .kl-symbol-group>summary:hover{background:#eef2e7}
.panel-left .kl-symbol-group[open]>summary{background:#eaf0e1;border-bottom:1px solid #d5ddce;box-shadow:inset 3px 0 #c3a138}
.panel-left .kl-symbol-group>summary:after{font-size:19px;color:#8e752b;margin-left:0}
.kl-category-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:7px;background:#f4edd3;color:#80661e;font-size:19px;font-weight:500}
.kl-category-title{flex:1}.kl-category-count{font-size:10px;font-weight:600;min-width:19px;padding:3px 5px;text-align:center;color:#5c7061;background:#f3f5ec;border-radius:12px}
.panel-left .kl-symbol-group>.cat-grid{margin:0;padding:10px;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:48px}
.panel-left .kl-symbol-group .sym-btn{height:48px!important;border:1px solid #dae0d3;background:#fff;border-radius:8px;padding:7px;transition:border-color .15s,background .15s}
.panel-left .kl-symbol-group .sym-btn:hover{border-color:#b89b37;background:#fff8dc}
.panel-left .kl-symbol-group .sym-btn.active{background:#fff0bd!important;border-color:#ad8526!important}
.panel-left .kl-symbol-group .sym-btn[hidden],.panel-left .kl-symbol-group[hidden],.kl-category-empty[hidden]{display:none!important}
.kl-category-empty{padding:0 11px 11px;margin:0;color:#647467;font-size:12px;line-height:1.5}