*{box-sizing:border-box;font-family:Comic Sans MS,cursive,sans-serif}body{margin:0;padding:20px;background-color:#fff;background-image:linear-gradient(#2196F3 1px,transparent 1px),linear-gradient(90deg,#2196F3 1px,transparent 1px);background-size:20px 20px;background-position:center center;min-height:100vh;background-color:#f9f9ff}main{max-width:1200px;margin:0 auto;text-align:center;padding:0 1rem}.header{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:2rem;position:relative;min-height:200px}.logo{width:240px;height:240px;object-fit:contain;position:absolute;left:1rem;top:50%;transform:translateY(-50%)}.title{color:#ff6b6b;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin:0;position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);white-space:nowrap;font-weight:700}.theme-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.theme-icons span{font-size:2rem;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.1))}.guide{display:flex;justify-content:center;gap:20px;margin-bottom:2rem;padding:20px;border-radius:15px}.step{background:#fff;padding:15px;border-radius:15px;box-shadow:0 4px 6px #0000001a;width:150px}.step-icon{font-size:2.5rem;color:#4caf50;margin-bottom:10px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.1))}.step p{margin:10px 0 0;color:#4a4a4a}.button{background-color:#4caf50;color:#fff;padding:15px 30px;border:none;border-radius:25px;font-size:1.2rem;cursor:pointer;margin:10px;transition:transform .2s;box-shadow:0 4px 6px #0000001a}.button:hover{transform:scale(1.05)}.button i{font-size:1.2em;margin-right:8px;vertical-align:middle}.controls{margin:20px 0;padding:20px;border-radius:15px;box-shadow:0 4px 6px #0000001a}.split-controls{display:flex;gap:20px;justify-content:center;align-items:center}.split-controls input{width:60px;padding:5px;font-size:1.1rem;border:2px solid #4CAF50;border-radius:5px}.preview{margin:20px 0}.preview-container{background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 15px #0000001a;min-height:300px;display:flex;justify-content:center;align-items:center}.default-preview{text-align:center;color:#ccc;display:flex;flex-direction:column;align-items:center;gap:10px}.default-preview i{font-size:5rem}.default-preview p{font-size:1.2rem;margin:0}#previewCanvas{max-width:100%;border-radius:10px;display:none}.pieces{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}.pieces canvas{max-width:100%;border-radius:10px;box-shadow:0 4px 6px #0000001a}.upload-container{text-align:center;margin:20px 0;padding:20px;border-radius:15px}@media (max-width: 600px){.guide{flex-direction:column;align-items:center}.split-controls{flex-direction:column}.title{font-size:1.8rem}}