.st{display:flex;min-height:70vh;background:#f3f6fb;color:#1c2b3a;font-family:Nunito,system-ui,sans-serif;border-radius:12px;overflow:hidden;margin:0 auto;max-width:1280px}
.st-side{width:190px;background:#7a3b9c;color:#fff;padding:14px;display:flex;flex-direction:column;gap:6px}.st-side h2{margin:0 0 8px;font-family:'Titan One',sans-serif}.st-side button{background:transparent;color:#fff;border:0;padding:9px;border-radius:8px;text-align:left;cursor:pointer;font-weight:700}.st-side button.on{background:#fff;color:#7a3b9c}.st-side hr{width:100%;border:0;border-top:1px solid #ffffff55}
.st-main{flex:1;padding:18px;min-width:0}.st h1{margin:0 0 6px}.st-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;align-items:center}
.st-btn,.st button,.st select{font:inherit}.st-btn{background:#1f8fe0;color:#fff;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;text-decoration:none;font-weight:800}
.st-main button,.st-main select,.st-main input:not([type=range]):not([type=color]){border:1px solid #b9c7d6;border-radius:8px;padding:6px 10px;background:#fff;color:#1c2b3a}.st-main button{cursor:pointer}.st-main button:disabled{opacity:.4;cursor:default}
.st-stat{background:#fff;border-radius:10px;padding:10px 16px}.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.st-grid.sm{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
.st-item{background:#fff;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}.st-item img{width:72px;height:72px;object-fit:contain}.st-pick{display:flex;flex-direction:column;align-items:center;gap:2px}.st-pick img{width:56px;height:56px;object-fit:contain}
.st-edit{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.st-edit aside{background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.st-edit label{display:flex;gap:8px;align-items:center;justify-content:space-between;font-weight:700;font-size:.9rem}
.st-canvas{display:flex;justify-content:center;background:linear-gradient(#42adff,#1f6fb0);border-radius:12px;margin:10px 0;padding:10px}.st-rar{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.st-rar .on{background:#7a3b9c;color:#fff}
.st-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.st-corners{display:grid;grid-template-columns:1fr 1fr;gap:6px}.st-corners input{width:60px}.st-el{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-top:1px solid #dde5ee;padding-top:6px}.st-el input[type=range]{width:90px}
.st-prev{height:160px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.st-prev img{max-height:100%}.st-empty{opacity:.7}
.st-ov{position:fixed;inset:0;background:#0008;z-index:2147483000;display:flex;align-items:center;justify-content:center}.st-modal{background:#fff;border-radius:14px;padding:18px;min-width:min(420px,92vw);max-width:92vw;max-height:80vh;overflow:auto;position:relative}.st-x{position:absolute;right:10px;top:10px}.st-cats{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:800px){.st{flex-direction:column}.st-side{width:auto;flex-direction:row;flex-wrap:wrap}.st-side hr{display:none}.st-edit{grid-template-columns:1fr}}
.st-main input[type=color]{width:44px;height:30px;padding:0;border:1px solid #b9c7d6;border-radius:6px;background:#fff}

.st-warn{font-size:.75rem;line-height:1.3;background:#ffffff22;border-radius:8px;padding:8px;margin:8px 0 0}

.bp-dlg{background:#fff;color:#1d2a3d;border-radius:18px;width:min(900px,96vw);height:min(640px,90vh);display:flex;flex-direction:column;overflow:clip;box-shadow:0 20px 60px #0006}
.bp-head{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(90deg,#7b3fa3,#9b4dc1);color:#fff}
.bp-head h2{margin:0;font-size:1.25rem;flex:0 0 auto}
.bp-search{flex:1;min-width:0;border:0;border-radius:999px;padding:9px 16px;font:inherit;font-size:.95rem}
.bp-close{border:0;background:#ffffff33;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1rem;cursor:pointer}.bp-close:hover{background:#ffffff66}
.bp-body{flex:1;display:flex;min-height:0;overflow:clip}
.bp-tabs{width:170px;flex:0 0 170px;background:#f3eef8;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.bp-tab{display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:10px;padding:9px 10px;font:inherit;font-weight:700;color:#4a3a63;cursor:pointer;text-align:left}
.bp-tab span{flex:1}.bp-tab em{font-style:normal;font-size:.72rem;background:#ffffffb0;border-radius:999px;padding:1px 7px;color:#6b5a85}
.bp-tab:hover{background:#e6dbf1}.bp-tab.on{background:#7b3fa3;color:#fff}.bp-tab.on em{background:#ffffff40;color:#fff}
.bp-grid-wrap{flex:1;min-width:0;display:flex;flex-direction:column}
.bp-count{padding:10px 16px 0;font-size:.8rem;color:#6b7a90}
.bp-grid{flex:1;overflow-y:auto;padding:10px 16px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;align-content:start}
.bp-card{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid #e1e7f0;background:#fff;border-radius:14px;padding:8px 6px;cursor:pointer;font:inherit;color:inherit;transition:transform .12s,border-color .12s,box-shadow .12s}
.bp-card:hover,.bp-card:focus-visible{border-color:#9b4dc1;transform:translateY(-2px);box-shadow:0 6px 14px #7b3fa326;outline:0}
.bp-thumb{display:block;width:84px;height:84px;border-radius:10px;overflow:hidden}.bp-name{font-size:.74rem;font-weight:700;text-align:center;line-height:1.15;min-height:2.3em}
@media(max-width:640px){.bp-dlg{height:92vh}.bp-body{flex-direction:column}.bp-tabs{width:auto;flex:0 0 auto;flex-direction:row;overflow-x:auto;padding:8px}.bp-tab{flex:0 0 auto;padding:7px 10px}.bp-tab em{display:none}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.bp-head{flex-wrap:wrap}.bp-search{order:3;flex:1 0 100%}.bp-head h2{flex:1}}
@media(max-width:640px){.st-ov:has(.bp-dlg){align-items:flex-start;padding-top:68px}.bp-dlg{height:calc(100vh - 80px)}}
.st{background:transparent}.st-main{background:rgba(243,246,251,.86)}
#root:has(#stOv){z-index:2147483000}