body { font-family: sans-serif; display: flex; flex-direction: column; align-items: center; background-color: #f0f0f0; margin: 10px; }
h1 { margin: 10px 0; }
.toolbar { margin-bottom: 10px; padding: 10px; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.toolbar label, .toolbar button, .custom-file-upload, .toolbar select { margin: 5px; vertical-align: middle; }
#canvas-container { position: relative; border: 2px solid #333; line-height: 0; }
#drawing-canvas { display: block; background-color: #fff; }
.tool-btn { padding: 6px 12px; border: 1px solid #ccc; background-color: #f0f0f0; cursor: pointer; border-radius: 4px; }
.tool-btn:hover { background-color: #e0e0e0; }
.tool-btn.active { background-color: #007bff; color: white; border-color: #0056b3; }
.divider { margin: 0 8px; color: #ccc; }
.custom-file-upload { display: inline-block; padding: 6px 12px; border-radius: 4px; border: 1px solid #ccc; background-color: #f0f0f0; cursor: pointer; }
#text-input-container { display: none; position: absolute; border: 2px solid #007bff; background-color: rgba(255, 255, 255, 0.95); z-index: 10; min-width: 250px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }
#text-toolbar { background-color: #f0f0f0; padding: 5px; cursor: move; border-bottom: 1px solid #ccc; user-select: none; }
#text-toolbar select, #text-toolbar button { margin: 0 2px; height: 24px; vertical-align: middle; }
#text-bold-btn, #text-italic-btn { font-weight: bold; width: 24px; }
#text-italic-btn { font-style: italic; }
#text-bold-btn.active, #text-italic-btn.active { background-color: #007bff; color: white; }
#text-input { border: none; background: transparent; margin: 4px; padding: 4px; width: 240px; height: 60px; resize: both; outline: none; font-size: 24px; font-family: sans-serif; }
#text-confirm-btn { margin: 2px; padding: 2px 8px; background-color: #28a745; color: white; border: none; border-radius: 3px; cursor: pointer; font-size: 12px; }
#text-cancel-btn { margin: 2px; padding: 2px 8px; background-color: #dc3545; color: white; border: none; border-radius: 3px; cursor: pointer; font-size: 12px; }