.studio-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0;position:relative;overflow:visible}
.studio-toolbar .studio-tool{position:relative;width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;padding:7px;background:#090805;color:#e8c77e;border:1px solid #755927;border-radius:5px}
.studio-toolbar .studio-tool[aria-pressed=true]{color:#080604;background:#dfb767}
.studio-tool:hover:not(:disabled){border-color:#f4d28b}.studio-tool:focus-visible{outline:2px solid #f4d28b;outline-offset:3px}.studio-tool:disabled{opacity:.35;cursor:default}
.studio-tool:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:230px;background:#100d07;border:1px solid #ad8540;padding:8px 10px;border-radius:5px;line-height:1.35;font-size:13px;font-family:'Segoe UI',sans-serif;color:#efcc83;pointer-events:none;opacity:0;visibility:hidden;z-index:20;white-space:normal}
.studio-tool:hover:after,.studio-tool:focus-visible:after{opacity:1;visibility:visible}.studio-toolbar .studio-tool:first-child:after{left:0;transform:none}
.studio-tool-options{padding:10px 0;border-bottom:1px solid #342a18}.studio-brush-options,.studio-subpanel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.studio-brush-options input{flex:1;min-width:100px;max-width:260px}.studio-subpanel{padding-top:12px}.studio-subpanel[hidden]{display:none}
.studio-subpanel select{background:#080704;color:#dfb767;border:1px solid #755927;border-radius:4px;padding:8px;font-size:14px}.studio-subpanel input[type=color]{width:46px;height:36px;border:1px solid #755927;padding:3px;background:#080704}.studio-subpanel input[type=range]{flex:1;min-width:120px}.studio-subpanel span,.studio-recent>span{font-size:13px;color:#bda475}
.studio-recent{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.studio-recent>div{display:flex;gap:6px;flex-wrap:wrap}.studio-swatch{width:28px;height:28px;padding:0;border:1px solid #bda475;border-radius:4px}
.studio-grid .studio-cell.marquee-cell{outline:2px solid #fff;outline-offset:-2px}.studio-grid[data-tool=select]{cursor:crosshair}.studio-grid[data-tool=move] .marquee-cell{cursor:move}.studio-grid[data-tool=dropper] .studio-cell{cursor:crosshair}.studio-grid-wrap{overflow-y:visible}#studioToolHint{min-height:18px;margin:0 0 12px}
@media(max-width:450px){.studio-toolbar .studio-tool{width:38px;height:38px;min-width:38px}.studio-tool:after{max-width:180px}.studio-brush-options input{max-width:none}}