.editor-toolbar{align-self:flex-start;display:flex;align-items:center;gap:10px;margin:0;padding:14px 12px 14px 16px;border-radius:0 0 14px 0;background:#fff;box-shadow:0 8px 18px #10182818}.editor-toolbar .toolbar-grip{color:#98a2b3;font-size:18px;letter-spacing:-5px}.editor-toolbar .direction-pad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,40px);gap:4px}.editor-toolbar .direction-pad i{display:block}.editor-toolbar .zoom-pad{display:grid;gap:4px}.editor-toolbar button{width:40px;height:40px;border:0;border-radius:9px;background:#e9eaec;color:#344054;font-size:24px;line-height:1;cursor:pointer}.canvas-stage{position:relative}.image-selection{position:absolute;border:2px solid #ff4d55;transform-origin:center;pointer-events:none}.selection-handle{position:absolute!important;width:27px!important;height:27px!important;display:grid!important;place-items:center;border:2px solid #fff!important;border-radius:50%!important;background:#ff4d55!important;color:#fff!important;font-size:15px!important;line-height:1!important;box-shadow:0 1px 4px #0003;pointer-events:auto;touch-action:none;cursor:pointer}.selection-handle.rotate{left:-15px;top:-15px}.selection-handle.flip{left:-15px;bottom:-15px}.selection-handle.resize{right:-15px;bottom:-15px;cursor:nwse-resize}
.customizer,.customizer *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.customizer input,.customizer textarea,.customizer [contenteditable="true"]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.text-selection{position:absolute;border:2px solid #ff4d55;transform-origin:center;pointer-events:auto;touch-action:none;cursor:move}.text-selection .selection-handle{cursor:pointer}.text-selection .selection-handle.resize{cursor:nwse-resize}
.text-selection .selection-handle.delete{left:-15px;top:-15px}.text-selection .selection-handle.rotate{left:auto;right:-15px;top:-15px}
.processing-overlay{position:fixed;z-index:200;inset:0;background:#0007;display:grid;place-items:center}.processing-overlay[hidden]{display:none}.processing-overlay>div{display:flex;align-items:center;gap:13px;padding:15px 18px;border-radius:10px;background:#fff;box-shadow:0 10px 35px #0004;color:#344054}.processing-spinner{width:22px;height:22px;border:3px solid #d0d5dd;border-top-color:#1d2939;border-radius:50%;animation:processing-spin .8s linear infinite}@keyframes processing-spin{to{transform:rotate(360deg)}}
@media(max-width:780px){.selection-handle{width:42px!important;height:42px!important;font-size:23px!important;border-width:3px!important}.selection-handle.rotate{left:-23px;top:-23px}.selection-handle.flip{left:-23px;bottom:-23px}.selection-handle.resize{right:-23px;bottom:-23px}}
@media(max-width:780px){.text-selection .selection-handle.delete{left:-23px;top:-23px}.text-selection .selection-handle.rotate{left:auto;right:-23px;top:-23px}}

.design-card.recommended{position:relative;outline:3px solid #ff4d55;outline-offset:-3px;box-shadow:0 0 0 3px #ff4d5533}.design-card.recommended:before{content:"Önerilen tasarım";position:absolute;z-index:1;top:8px;left:8px;padding:5px 8px;border-radius:6px;background:#ec1c24;color:#fff;font-size:11px;font-weight:700}

.editor-step.head-tools-hidden .editor-toolbar{visibility:hidden;pointer-events:none}