.text-tool{font-family:Georgia,serif;font-size:23px;font-weight:700}.artboard.select canvas{cursor:default}.text-editor{position:absolute;z-index:3;min-width:200px;max-width:600px;padding:2px 4px;border:1px dashed #739fea;background:#ffffffcc;outline:none;white-space:nowrap;font-family:'Nunito Sans',sans-serif;font-weight:700;line-height:1.2}.selection-outline{position:absolute;z-index:2;border:2px dashed #4b85dc;pointer-events:none;box-shadow:0 0 0 1px #fff8}.tool[data-tool='select'] svg{stroke-dasharray:none}

.brush-preview-wrap{position:relative;height:76px;margin-bottom:11px;background:#f5f4f1;border:1px solid #57595e;border-radius:5px;overflow:hidden}.brush-preview-wrap canvas{display:block;width:100%;height:68px}.brush-preview-wrap span{position:absolute;right:6px;bottom:4px;padding:2px 5px;background:#232427d9;color:#fff;border-radius:3px;font-size:9px;font-weight:800}.brush-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.brush-presets .preset{min-height:30px;padding:5px 2px}.properties-section .slider-row{grid-template-columns:60px minmax(0,1fr) 42px}.pressure-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:10px;color:#d5d6d8}.pressure-row label,.touch-draw-row{display:flex;align-items:center;gap:4px}.pressure-row input,.touch-draw-row input{accent-color:#80a9f7}.brush-advanced{border-top:1px solid #45464a;margin-top:10px;padding-top:8px}.brush-advanced summary{cursor:pointer;color:#c5d8ff;font-size:10px;font-weight:800;list-style:none}.brush-advanced summary::before{content:'▸';margin-right:7px}.brush-advanced[open] summary::before{content:'▾'}.brush-advanced .slider-row:first-of-type{margin-top:13px}.touch-draw-row{margin:13px 0 0;font-size:10px;color:#d5d6d8;flex-wrap:wrap}.touch-draw-row small{display:block;width:100%;padding-left:21px;color:#93969b;font-size:9px}.close-inspector{display:none;border:0;background:transparent;color:#d9dce0;width:38px;font-size:24px}.properties-section input[type='range']{touch-action:pan-y}
@media(max-width:720px){.close-inspector{display:block}.inspector-tabs .inspector-tab{min-width:0}.color-wheel{width:140px;height:140px}.color-square{width:94px;height:94px}.toolbar{overflow-y:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.tool{flex:none}}
@media(pointer:coarse){.brush-presets .preset{min-height:40px}.pressure-row label,.touch-draw-row{min-height:32px}.properties-section .slider-row{min-height:32px}.toolbar .tool{min-height:40px}.toolbar{width:52px}.inspector{font-size:12px}}
.brush-presets{display:block;max-height:192px;overflow:auto;padding-right:3px;margin-bottom:13px;scrollbar-width:thin}.brush-group{margin:0 0 8px}.brush-group h4{font-size:9px;color:#9fa2a6;margin:0 0 5px;font-weight:800}.brush-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.brush-choices .preset{min-height:30px;padding:5px 2px}.status-right{white-space:nowrap}.status-right #rotation-label{color:#e2e6ed;min-width:25px}.status-right #rotate-left,.status-right #rotate-right{font-size:10px}
@media(max-width:720px){.status-right #rotate-left,.status-right #rotate-right{font-size:12px;width:20px;overflow:hidden;white-space:nowrap}.status-right #rotation-label{font-size:9px}.status-right{gap:3px}}
@media(pointer:coarse){.brush-choices .preset{min-height:40px}}
.color-section .section-title{gap:8px}.color-section .section-title #hex-display{margin-left:auto}.color-section .section-title button{border:0;background:transparent;color:#a9c7ff;font-size:10px;padding:4px}.color-section.collapsed>:not(.section-title){display:none}.color-section.collapsed .section-title{margin-bottom:0}

.quick-size-section{padding:9px 13px;border-bottom:1px solid #424347;background:#2d2f33}.quick-size-section .slider-row{grid-template-columns:64px minmax(0,1fr) 42px;margin:0;min-height:32px}.quick-size-section input[type="range"]{touch-action:pan-y}

/* Keep editor controls responsive without disabling page zoom globally. */
button,summary{touch-action:manipulation}
#color-wheel,#color-square{touch-action:none}
@media(pointer:coarse){#hex-input,#chat-input,#name{font-size:16px}}