*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh;overflow-x:hidden}.toolbar{display:flex;gap:12px;padding:12px 20px;background:#16213e;border-bottom:1px solid #0f3460}.btn{display:inline-flex;align-items:center;padding:8px 16px;background:#0f3460;color:#e0e0e0;border:1px solid #533483;border-radius:4px;font-size:14px;cursor:pointer;transition:background .15s}.btn:hover{background:#533483}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.toolbar-spacer{flex:1}.btn.clear{background:#4a3000;border-color:#a67c00}.btn.clear:hover{background:#a67c00}.btn.delete{background:#6b1d1d;border-color:#a33;margin-top:12px;width:100%;justify-content:center}.btn.delete:hover{background:#a33}.main{display:flex;gap:20px;padding:20px;justify-content:center;align-items:flex-start}.editor-area{position:relative;background:#111;border:2px solid #333;border-radius:4px;overflow:hidden;flex-shrink:0}.editor-area.empty{width:800px;height:400px;display:flex;align-items:center;justify-content:center;border-style:dashed;color:#666;font-size:18px}.editor-image{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.text-overlay{position:absolute;left:0;top:0;text-transform:uppercase;white-space:nowrap;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;padding:4px 8px;border:2px solid transparent;border-radius:3px;transition:border-color .1s}.text-overlay:hover{border-color:#fff6}.text-overlay.selected{border-color:#e94560}.properties{width:260px;flex-shrink:0;background:#16213e;border:1px solid #0f3460;border-radius:4px;padding:16px}.properties h3{margin-bottom:16px;font-size:16px;color:#e94560}.properties .hint{color:#666;font-size:14px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:#999;margin-bottom:4px}.field input[type=text],.field input[type=number]{width:100%;padding:6px 8px;background:#1a1a2e;color:#e0e0e0;border:1px solid #333;border-radius:3px;font-size:14px}.field select{width:100%;padding:6px 8px;background:#1a1a2e;color:#e0e0e0;border:1px solid #333;border-radius:3px;font-size:14px;cursor:pointer}.field input[type=range]{width:100%}.field input[type=color]{width:100%;height:32px;padding:2px;background:#1a1a2e;border:1px solid #333;border-radius:3px;cursor:pointer}.gallery-overlay{position:fixed;inset:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.gallery{background:#1a1a2e;border:1px solid #0f3460;border-radius:8px;padding:20px;width:100%;max-width:720px;max-height:80vh;overflow-y:auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gallery-header h2{color:#e94560;font-size:18px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gallery-item{cursor:pointer;background:#16213e;border:2px solid #333;border-radius:4px;overflow:hidden;transition:border-color .15s}.gallery-item:hover{border-color:#e94560}.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;background:#111}.gallery-item-name{padding:8px;text-align:center;font-size:13px;color:#ccc}@media(max-width:768px){.toolbar{flex-wrap:wrap;padding:8px 12px;gap:8px}.btn{padding:10px 14px}.main{flex-direction:column;align-items:center;padding:12px;gap:12px}.editor-area{max-width:100%}.editor-area.empty{width:100%;height:200px;font-size:16px}.properties{width:100%}}