h1,label{margin-bottom:.5rem}.dark .notebook-paper-bg,.notebook-paper-bg{background-color:#f4f7f6;background-size:100% 1.5em}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#f4f7f6;color:#333;display:flex;justify-content:center;align-items:flex-start;padding:2rem;min-height:100vh;margin:0}.container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);width:100%;max-width:600px;text-align:center}h1{color:#1a73e8}p{color:#5f6368;margin-bottom:2rem}.controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.prompt-group{display:flex;flex-direction:column;text-align:left}label{font-weight:600}#prompt-input{padding:.1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}#prompt-input:focus{outline:0;border-color:#1a73e8;box-shadow:0 0 0 2px rgba(26,115,232,.2)}.button-group{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.button-like,button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}#generate-button{background-color:#1a73e8;color:#fff}#generate-button:hover{background-color:#185abc}#clear-button,.button-like{background-color:#e8eaed;color:#3c4043}#clear-button:hover,.button-like:hover{background-color:#dadce0}#drawing-canvas{border:2px solid #dadce0;border-radius:8px;cursor:crosshair;touch-action:none}#result-container{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}#result-image{max-width:100%;border-radius:8px;margin-top:1rem;border:1px solid #e0e0e0}.hidden{display:none}#error-message{color:#d93025;background-color:#fce8e6;border:1px solid #d93025;padding:1rem;border-radius:8px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #1a73e8;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;margin:1rem auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}