.page-head-entity{min-height:340px;box-sizing:border-box;justify-content:center;align-items:center;text-align:center}.page-head-entity .page-head-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;margin-bottom:13px;font-size:24px}.page-head-entity .page-title{font-size:clamp(2.5rem,5vw,5rem);line-height:1;margin:4px 0 10px}.page-head-entity p{margin:0;color:#b9c7c0}.entity-workspace{box-sizing:border-box;width:min(1500px,calc(100% - 48px));max-width:1500px;margin:36px auto 70px;padding:0;grid-template-columns:minmax(620px,1fr) 410px}.entity-builder{min-width:0}.catalog-select{box-sizing:border-box;width:100%;min-height:62px;border:1px solid #33483d;border-radius:12px;background:#09120e;color:#eef8f3;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:8px 13px;text-align:left;cursor:pointer}.catalog-select:hover{border-color:var(--entity)}.catalog-select-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#392451;color:#d6bdff}.catalog-select b,.catalog-select small{display:block}.catalog-select small{color:#6f897b;margin-top:2px}.catalog-select>i{color:#769083}.equipment-slot{font-family:inherit;color:inherit;text-align:left;width:100%;grid-template-columns:46px 1fr auto;cursor:pointer}.equipment-slot b,.equipment-slot small,.equipment-slot code{display:block}.equipment-slot b{font-size:12px;color:#dcebe3}.equipment-slot code{font-size:9px;color:#698779;margin-top:2px}.equipment-slot:hover{border-color:var(--entity);background:#101c16}.slot-image{display:grid!important;place-items:center;width:44px;height:44px;border-radius:10px;background:#1b2821!important}.slot-image img,.effect-icon img,.catalog-image img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}.slot-image img+i,.effect-icon img+i,.catalog-image img+i{display:none}.slot-image img[hidden]+i,.effect-icon img[hidden]+i,.catalog-image img[hidden]+i{display:block}.clear-item{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#ff7893;background:#331c26}.effect-choice-row{grid-template-columns:minmax(250px,1.4fr) .55fr .75fr 42px;align-items:end}.effect-picker-button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;width:auto!important;height:58px;text-align:left;border:1px solid #304239!important;border-radius:10px;background:#0a130f!important;color:#eef8f3!important;padding:7px 10px;cursor:pointer}.effect-picker-button b,.effect-picker-button small{display:block}.effect-picker-button small{color:#698375;margin-top:2px}.effect-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#293c32}.effect-choice-row>label{position:relative}.effect-choice-row>label>span{display:block;font-size:10px;color:#789083;margin-bottom:5px}.effect-choice-row>label>small{position:absolute;right:8px;bottom:11px;color:#688073}.effect-choice-row>label input{box-sizing:border-box;width:100%;height:42px;border:1px solid #304239;border-radius:9px;background:#0a130f;color:#eef8f3;padding:8px}.remove-effect{height:42px!important}.preset-block{margin:0 0 15px}.preset-label{display:block;font-size:11px;font-weight:800;color:#9bb0a5;margin-bottom:8px}.preset-chips{display:flex;flex-wrap:wrap;gap:7px}.preset-chips button{border:1px solid #34483d;border-radius:999px;background:#14221b;color:#a9c0b4;padding:7px 10px;font-size:11px;cursor:pointer}.preset-chips button:hover{border-color:var(--entity);color:#dccaff;background:#2d203d}
.catalog-modal{position:fixed;z-index:10000;inset:0;display:none;place-items:center;padding:25px;background:rgba(2,7,4,.78);backdrop-filter:blur(9px)}.catalog-modal.open{display:grid;animation:catalogFade .18s ease-out}.catalog-dialog{display:flex;flex-direction:column;box-sizing:border-box;width:min(1050px,100%);height:min(780px,90vh);border:1px solid #425649;border-radius:21px;background:linear-gradient(145deg,#111b17,#09110d);box-shadow:0 30px 90px rgba(0,0,0,.65);padding:22px;animation:catalogUp .22s ease-out}.catalog-head{display:flex;align-items:center;justify-content:space-between}.catalog-head span{color:#b991ff;font-size:10px;font-weight:900;letter-spacing:2px}.catalog-head h2{margin:3px 0 0;font-size:25px}.catalog-head>button{width:40px;height:40px;border:0;border-radius:11px;background:#1c2922;color:#c0d1c8;cursor:pointer}.catalog-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:18px 0 12px;padding:0 13px;border:1px solid #35493e;border-radius:12px;background:#07100c}.catalog-search:focus-within{border-color:var(--entity);box-shadow:0 0 0 3px rgba(168,113,255,.1)}.catalog-search input{height:48px;border:0;background:transparent;color:#fff;outline:0;font:inherit}.catalog-search kbd{border:1px solid #3c4c43;border-radius:5px;padding:3px 5px;color:#71857a;font-size:9px}.catalog-categories{display:flex;gap:7px;overflow-x:auto;padding:2px 0 12px}.catalog-categories button{white-space:nowrap;border:1px solid #304238;border-radius:999px;background:#142019;color:#8fa499;padding:7px 11px;cursor:pointer}.catalog-categories button.active{border-color:#8561c0;background:#38264e;color:#e1d0ff}.catalog-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px;padding:3px 5px 12px 0}.catalog-card{min-width:0;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:9px;border:1px solid #293a31;border-radius:12px;background:#0d1712;color:#eaf4ef;text-align:left;padding:9px;cursor:pointer}.catalog-card:hover{border-color:var(--entity);background:#1c1725;transform:translateY(-1px)}.catalog-card b,.catalog-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-card b{font-size:12px}.catalog-card small{font-size:9px;color:#698276;margin-top:3px}.catalog-fa,.catalog-image{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#26372e;color:#c6a6f8;font-size:20px}.catalog-image img{width:38px;height:38px}.catalog-custom{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-top:13px;border-top:1px solid #2b3c33}.catalog-custom span{font-size:11px;color:#81978b}.catalog-custom input{height:39px;border:1px solid #34483d;border-radius:9px;background:#07100c;color:#fff;padding:0 11px}.catalog-custom button{height:40px;border:0;border-radius:9px;background:#6940d8;color:#fff;font-weight:800;padding:0 14px;cursor:pointer}.catalog-empty{grid-column:1/-1;text-align:center;color:#71867a;padding:55px}@keyframes catalogFade{from{opacity:0}}@keyframes catalogUp{from{opacity:0;transform:translateY(15px) scale(.985)}}
@media(max-width:1100px){.entity-workspace{grid-template-columns:1fr;width:min(900px,calc(100% - 32px))}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.page-head-entity{min-height:270px}.page-head-entity .page-title{font-size:2.45rem}.entity-workspace{width:calc(100% - 20px)}.catalog-modal{padding:8px}.catalog-dialog{height:95vh;padding:14px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-custom{grid-template-columns:1fr}.catalog-custom span{display:none}.effect-choice-row{grid-template-columns:1fr 1fr}.effect-picker-button{grid-column:1/-1}.catalog-card{grid-template-columns:38px 1fr;padding:7px}.catalog-fa,.catalog-image{width:36px;height:36px}.catalog-image img{width:31px;height:31px}}