#notice {position:fixed;top:auto;bottom:20px;left:50%;transform:translateX(-50%);max-width:620px;width:calc(100% - 32px);border:1px solid #d2e9f9;border-radius:12px;box-shadow:0 8px 35px #17344820;pointer-events:none;line-height:1.6;font-size:13px}
.mobile-actions {display:none}
#canvas {background:#fff}
#text-objects {position:absolute;inset:0;pointer-events:none}
.text-object {position:absolute;padding:0;border:0;border-radius:0;background:transparent;pointer-events:auto;touch-action:none;cursor:move;transition:none;min-width:0}
.text-object:hover {background:transparent;outline:1px dashed #70c9ff}
.text-object.selected {outline:2px solid #0194e0;outline-offset:3px;z-index:2}
.text-object img {width:100%;height:100%;display:block;pointer-events:none}
#logo-object {z-index:3}
#logo-object::before {display:none}
#logo-object img {filter:drop-shadow(0 1px 2px #0000003d)}
#logo-object:hover,#logo-object:focus {outline:none}
#logo-object:focus-visible {outline:2px solid #0194e0;outline-offset:4px}
#resize-handle {opacity:0}
#logo-object:hover #resize-handle,#logo-object:focus #resize-handle {opacity:1}
#text-toolbar {border:1px solid #d6e4ef;border-radius:12px;background:white;padding:16px;margin:16px 0;width:100%}
#text-toolbar label {margin-top:0}
#text-toolbar select {display:block;width:100%;margin:8px 0 12px;padding:10px;border:1px solid #dbe4eb;border-radius:8px;background:#f9fbfd;color:#233e53}
.text-coordinates {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.text-coordinates input {padding:9px 6px}
@media(max-width:760px){.text-coordinates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mobile-actions{display:block;margin-top:32px}nav{background:#f9fbfc}#notice{top:auto;bottom:12px}}