.image-tools button{gap:8px;min-height:44px}.image-tools .image-key{margin-left:auto;flex:none;font-size:12px}.image-key{display:inline-block;margin-left:8px;padding:2px 4px;border:1px solid currentColor;border-radius:4px;font-family:inherit;font-size:12px;font-weight:500;opacity:.7;white-space:nowrap}.image-command{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.image-actions .image-key{font-size:12px}.image-actions .btn{padding:11px 15px}.image-layer-row{grid-template-columns:16px 20px minmax(0,1fr);position:relative;cursor:grab}.image-layer-grip{font-size:21px;line-height:1;color:#687687;cursor:grab;touch-action:none;user-select:none}.image-layer-row.layer-dragging{opacity:.45}.image-layer-row.drop-before:before,.image-layer-row.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:#ff5a0a;border-radius:2px;z-index:2}.image-layer-row.drop-before:before{top:-5px}.image-layer-row.drop-after:after{bottom:-5px}.image-layer-row:focus-within{outline:2px solid #ff9b60;outline-offset:2px}.image-check{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:14px;line-height:1.4}.image-check input{accent-color:#ff5a0a;flex:none}.image-control textarea{width:100%;resize:vertical;border:1px solid #d1d7dd;border-radius:8px;padding:9px;font:inherit;min-height:100px}.image-control input[type=color]{height:40px;padding:3px;cursor:pointer}.image-shortcuts{width:min(760px,calc(100vw - 32px));max-height:85vh;border:1px solid #d7dde4;border-radius:16px;padding:24px;color:#242a32;box-shadow:0 18px 80px #0005;overflow:auto}.image-shortcuts::backdrop{background:#17202b99}.image-shortcuts header{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:-24px;background:#fff;padding:12px 0}.image-shortcuts h2{font-size:23px;margin:0}.image-shortcuts p{font-size:14px;line-height:1.6;color:#546271}.image-shortcuts button{border:1px solid #ccd3dc;border-radius:7px;padding:8px 12px;background:#fff;cursor:pointer}.image-shortcuts #imageShortcutList{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.image-shortcuts #imageShortcutList>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e7eaf0;font-size:14px}.image-shortcuts kbd{font-size:12px;white-space:nowrap;background:#f2f4f7;padding:4px 6px;border:1px solid #d9dfe6;border-radius:5px}.image-tools{scrollbar-width:thin}.image-inspector{max-height:calc(100vh - 160px);overflow:auto;position:sticky;top:80px;align-self:start}
@media(min-width:1101px){.image-editor{grid-template-columns:245px minmax(0,1fr) 300px}}
@media(max-width:850px){.image-tools button{min-width:180px}.image-inspector{position:static;max-height:none}}
@media(max-width:620px){.image-shortcuts #imageShortcutList{grid-template-columns:1fr}.image-actions button .image-key{display:none}.image-tools button{min-width:165px}.image-control-row .image-command{flex-wrap:wrap}.image-actions{width:100%}}

/* Complementos do layout agrupado. */
.image-tools .image-tool-group button{min-width:0}.image-tools .image-tool-group button>.image-key{position:absolute;right:5px;top:5px;margin:0;padding:1px 3px;border:0;background:#fff8;opacity:.72;font-size:9px}.image-tools .image-tool-group button{position:relative}.image-layer-row{grid-template-columns:16px 18px 24px minmax(0,1fr)}.image-layer-lock{width:24px!important;height:24px;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #dce1e6!important;border-radius:6px;background:#fff!important;color:#7a8591;font-size:12px!important}.image-layer-row.locked{background:#f6f7f9}.image-layer-row.locked .image-layer-lock{color:#b64108;background:#fff4ed!important}.layer-thumbs{position:relative;flex:0 0 42px;width:42px;height:35px}.layer-thumbs img:first-child{position:absolute;left:0;top:0}.layer-thumbs img:last-child{position:absolute;right:0;bottom:0;width:22px;height:22px;border:2px solid #fff;box-shadow:0 1px 4px #0003}.image-layer-row button[data-select-layer]{gap:9px}
@media(max-width:850px){.image-tools .image-tool-group button{min-width:0}.image-inspector{position:static;max-height:none}}
@media(max-width:620px){.image-tools .image-tool-group button{min-width:0}.image-actions{width:100%}}

.brush-letter-control{display:none}.brush-letter-control.visible{display:grid}.image-shortcuts header>div{display:flex;gap:7px}.image-shortcuts .shortcut-capture{padding:3px;border-color:transparent;background:transparent}.image-shortcuts .shortcut-capture:hover{border-color:#ffb187;background:#fff7f1}.image-shortcuts .shortcut-row.capturing{margin:0 -8px;padding-left:8px!important;padding-right:8px!important;border-radius:8px;background:#fff2e9;color:#a83a05}.image-shortcuts .shortcut-row.capturing kbd{min-width:155px;border-color:#ff9f68;background:#fff;color:#a83a05;text-align:center}.image-shortcuts .shortcut-info{color:#65717e}.image-shortcuts .shortcut-info kbd{margin-right:4px}.image-layer-row .layer-name{display:grid;gap:2px;min-width:0;white-space:normal}.image-layer-row .layer-name small{overflow:hidden;color:#a33a08;font-size:9px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}

/* Estúdio amplo. */
.image-main{width:calc(100% - 24px);max-width:none}
@media(min-width:1101px){
    .image-editor{grid-template-columns:340px minmax(0,1fr) 340px}
    .image-tool-group summary{padding:9px 6px;font-size:12px}
}

/* Ferramentas compactas: quatro opções por linha, com nomes legíveis. */
.image-tool-group>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.image-tools .image-tool-group button{min-width:0;min-height:58px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 3px;text-align:center;font-size:10px;line-height:1.15}
.image-tools .image-tool-group button>.image-tool-icon{width:21px!important;height:21px;flex:0 0 21px!important;font-size:19px!important}
.image-tool-icon .ui-icon-svg{width:20px;height:20px}
.image-tools .image-tool-group button>.image-tool-name{display:none}
.image-tools .image-tool-group button>.image-key{display:block;position:static;margin:0;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:850px){.image-tool-group>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
.image-tool-tooltip{position:fixed;z-index:10000;max-width:min(240px,calc(100vw - 16px));padding:7px 10px;border-radius:7px;background:#27313d;color:#fff;box-shadow:0 6px 18px #1a253344;font-size:12px;font-weight:650;line-height:1.3;text-align:center;pointer-events:none;white-space:normal}
.image-tool-tooltip[hidden]{display:none}