.studio-page .leftbar{padding:12px 10px;background:#f7f8fa}
.studio-page .leftbar>.nav{font-size:11px;padding:9px 3px;letter-spacing:0}
.studio-page .leftbar>h2{margin:18px 4px 8px;font-size:12px;text-transform:none;letter-spacing:0;color:#252930}
.studio-page #palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.studio-page #palette .palette-group{display:flex;align-items:center;gap:8px;margin:12px 2px 3px;color:#777c85;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none}
.studio-page #palette .palette-group:first-child{margin-top:0}
.studio-page #palette .palette-group::after{content:"";height:1px;flex:1;background:#e3e5e9}
.studio-page #palette .tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:0;height:56px;padding:7px 4px!important;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#34383f;font-size:11px;font-weight:500;line-height:13px;text-align:center;box-shadow:0 1px 2px #171b2405;transform:none;letter-spacing:0;transition:background .14s,border-color .14s,box-shadow .14s}
.studio-page #palette .tile:hover{background:#f0f5fb;border-color:#b9cce2;box-shadow:0 2px 5px #182b4610;transform:none;color:#1c4e85}
.studio-page #palette .tile:focus-visible{outline:2px solid #2978ca;outline-offset:1px}
.studio-page #palette .tile:active{background:#e7eef6;box-shadow:inset 0 1px 2px #182b4610;cursor:grabbing}
.studio-page #palette .palette-icon{display:block;flex:none;width:18px;height:18px;opacity:.72;pointer-events:none}
.studio-page #palette .palette-label{display:block;max-width:100%;overflow-wrap:anywhere;pointer-events:none}
.studio-page #palette .foldino-info{top:2px;right:2px;width:12px;height:12px;font-size:8px}
.studio-page #layers button{padding:7px 6px;font-size:11px;letter-spacing:0}
@media(pointer:coarse){.studio-page #palette .tile{height:60px}}
@media(prefers-reduced-motion:reduce){.studio-page #palette .tile{transition:none}}