:root{--bg-main: #f0f9ff;--primary-color: #38bdf8;--border-color: #7dd3fc;--card-border: #bae6fd;--text-dark: #0c4a6e;--text-medium: #0369a1}*{margin:0;padding:0;box-sizing:border-box;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,sans-serif}body{background-color:var(--bg-main);min-height:100vh;width:100vw;margin:0;display:flex;flex-direction:column;overflow-x:hidden}.screen{flex:1;display:flex;flex-direction:column}#home-screen{background-color:var(--bg-main)}.home-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.home-card{background:#fff;padding:2rem;border-radius:2rem;border:8px solid var(--border-color);box-shadow:0 20px 25px -5px #0000001a;max-width:800px;width:95%;text-align:center;margin:1rem}.home-card h1{font-size:1.8rem;color:var(--text-dark);margin-bottom:1.5rem}.home-image-wrapper{margin-bottom:1.5rem;border-radius:1rem;border:4px solid var(--card-border);padding:.5rem;background:#fff}.home-image-wrapper img{width:100%;height:auto;display:block;max-height:55vh;object-fit:contain}.big-btn{font-size:1.5rem;padding:1rem 3rem}.btn-icon-home{background:#fff;border:2px solid var(--border-color);border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s;margin-right:.5rem}.btn-icon-home:hover{transform:scale(1.1);border-color:var(--primary-color)}.theme-header{background-color:var(--primary-color);padding:1rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;justify-content:space-between;z-index:10}.header-content{display:flex;align-items:center;gap:1rem}.logo-box{background:#fff;padding:.3rem .6rem;border-radius:9999px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center}.header-emoji{font-size:2.2rem}.header-text h1{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.1);line-height:1.2}.header-text p{font-size:.875rem;color:#e0f2fe;font-weight:500}.header-actions{display:flex;gap:1rem}.theme-main{flex:1;display:flex;gap:1.5rem;padding:1.5rem;overflow:hidden;align-items:stretch}.tools-sidebar,.gallery-sidebar{width:14rem;display:flex;flex-direction:column;flex-shrink:0}.tool-card{background:#fff;border:4px solid var(--card-border);border-radius:1rem;padding:1rem;flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.tool-title{text-align:center;font-weight:700;color:var(--text-medium);margin-bottom:1rem;border-bottom:2px solid #e0f2fe;padding-bottom:.5rem}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.color-circle{width:2rem;height:2rem;border-radius:9999px;border:3px solid transparent;transition:transform .1s;cursor:pointer;box-shadow:0 1px 2px #0000001a}.color-circle:hover{transform:scale(1.1)}.color-circle.active{border-color:#4b5563;transform:scale(1.2)}.brush-area{margin-top:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0f2fe}.zoom-controls{display:flex;align-items:center;gap:.5rem}.zoom-controls span{min-width:3.5rem;text-align:right}.label-tiny{display:block;font-size:.75rem;font-weight:700;color:var(--text-medium);margin-bottom:.5rem;text-transform:uppercase}.accent-range{width:100%;accent-color:var(--primary-color)}.mode-buttons{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.mode-btn{width:100%;padding:.5rem;background:#fff;border:2px solid #e0f2fe;border-radius:.5rem;color:var(--text-medium);font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.mode-btn.active#btn-paint{background:#f0f9ff;border-color:var(--primary-color);color:var(--text-dark)}.mode-btn.active#btn-erase{background:#fff1f2;border-color:#fda4af;color:#be123c}.mode-btn.active#btn-move{background:#fef3c7;border-color:#fcd34d;color:#92400e}.canvas-area{flex:2;display:flex;justify-content:center;align-items:flex-start;padding:1rem;position:relative;overflow:hidden}.canvas-container{position:relative;background:#fff;border:8px solid var(--border-color);border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;display:flex;align-items:center;justify-content:center;min-width:300px;min-height:400px;width:100%;height:100%;margin:0 auto;overflow:hidden}.canvas-wrapper{position:relative;cursor:crosshair;transform-origin:center center;transition:transform .05s ease-out;background:#fff;box-shadow:0 0 20px #0000000d}.canvas-wrapper:active{cursor:grabbing}#baseCanvas{display:block}#drawCanvas{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none}#error-message{padding:2rem;text-align:center;font-weight:700;color:#be123c;background:#fff1f2;border-radius:1rem;border:2px dashed #fda4af;max-width:80%}.loader{text-align:center}#loading-message{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fffc;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.bounce{font-size:2.25rem;margin-bottom:.5rem;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.loader p{font-weight:700;color:var(--primary-color)}.gallery{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:.5rem;flex:1;min-height:200px}.thumb{cursor:pointer;border:4px solid white;border-radius:.75rem;overflow:hidden;transition:transform .2s,box-shadow .2s;background-size:cover;background-position:center;height:6rem;min-height:6rem;position:relative;box-shadow:0 1px 3px #0000001a}.thumb:hover{transform:scale(1.05)}.thumb.active{border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a}.btn-child{padding:.5rem 1.5rem;border-radius:9999px;font-weight:700;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;color:#fff}.btn-orange{background:#fb923c;box-shadow:0 4px #ea580c;border:2px solid #fdba74}.btn-red{background:#f43f5e;box-shadow:0 4px #e11d48}.btn-green{background:#10b981;box-shadow:0 4px #059669;text-transform:uppercase;letter-spacing:.025em}.btn-child:active{transform:translateY(4px);box-shadow:0 0 0 transparent}.theme-footer{background-color:var(--primary-color);padding:1rem;text-align:center;border-top:4px solid var(--border-color);z-index:10}.theme-footer p{font-size:.75rem;font-weight:700;color:#fff;margin:2px 0}@media(max-width:900px){.theme-main{flex-direction:column;overflow-y:auto;padding:1rem}.tools-sidebar{order:2;width:100%;height:auto}.gallery-sidebar{order:3;width:100%;height:auto}.canvas-area{order:1;min-height:400px;padding:.5rem}.gallery{flex-direction:row;overflow-x:auto;height:auto;min-height:120px;padding:.5rem}.thumb{width:10rem;min-width:10rem;height:7rem}.palette{grid-template-columns:repeat(8,1fr)}.theme-header{flex-direction:column;gap:1rem}body{overflow-y:auto}}