html,body{background:#1a2638}#loading{color:#cfe}.sh-palette{width:150px;max-height:calc(100vh - 120px)}.sh-tabs{flex-wrap:wrap;gap:4px;display:flex}.sh-tab{border:1px solid var(--cr-line);color:var(--cr-dim);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex:40%;padding:3px 6px;font-size:11px}.sh-tab.on{color:var(--cr-accent);border-color:var(--cr-accent)}.sh-parts{flex-direction:column;gap:6px;display:flex;overflow:auto}.cr-btn.on{background:var(--cr-accent);color:#062018;border-color:var(--cr-accent)}.sh-meter{border:1px solid var(--cr-line);background:#ffffff0d;border-radius:9px;width:90px;height:18px;position:relative;overflow:hidden}.sh-meter:after{content:attr(data-label);font-variant-numeric:tabular-nums;color:var(--cr-text);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.sh-meter-fill{background:linear-gradient(90deg,#3ddc97,#ffd23f);height:100%}.sh-meter.full .sh-meter-fill{background:#ff6b6b}@media (max-width:760px){.sh-palette{flex-direction:column;width:auto}.sh-tabs{flex-wrap:nowrap;overflow-x:auto}.sh-tab{flex:none}.sh-parts{flex-direction:row}.sh-meter{width:60px}.cr-inspector{max-height:30vh;bottom:124px}}