body { margin: 0; font-family: sans-serif; display: flex; height: 100vh; overflow: hidden; background: #333; }
#app { display: flex; width: 100%; }

/* Zone Fresque */
#canvas-container { flex: 1; position: relative; background: #e0e0e0; overflow: auto; }
#toolbox { position: absolute; top: 15px; left: 15px; background: white; padding: 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#toolbox button { border: none; padding: 10px 15px; cursor: pointer; font-weight: bold; border-radius: 3px; }
canvas { background: white; cursor: crosshair; display: block; box-shadow: 0 0 15px rgba(0,0,0,0.2); margin: 50px auto; }

/* Zone Chat */
#chat-container { width: 350px; background: #f9f9f9; border-left: 2px solid #ccc; display: flex; flex-direction: column; }
#chat-messages { flex: 1; overflow-y: auto; padding: 15px; word-wrap: break-word; }
.msg { margin-bottom: 8px; font-size: 14px; }
.msg strong { color: #0056b3; }
#chat-input { padding: 15px; background: #fff; border-top: 1px solid #ddd; display: flex; flex-direction: column; gap: 10px; }
#chat-input input, #chat-input button { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
#chat-input button { background: #28a745; color: white; border: none; cursor: pointer; font-weight: bold; }

#disclaimer-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: none; justify-content: center; align-items: center;
    z-index: 9999;
}
#disclaimer-box {
    background: white; padding: 30px; border-radius: 8px;
    max-width: 500px; text-align: center;
}
#disclaimer-box button {
    margin-top: 20px; padding: 10px 20px; background: #28a745;
    color: white; border: none; font-size: 16px; cursor: pointer; border-radius: 5px;
}
#disclaimer-box button:hover { background: #218838; }