.wrappet_main{width:100%}.container-favicon-generator *{box-sizing:border-box;margin:0;padding:0}.container-favicon-generator{display:flex;flex-direction:column;max-width:900px;margin:20px auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.container-favicon-generator .controls{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.container-favicon-generator .control-group{display:flex;flex-direction:column;flex:1 1 200px;max-width:100%}.container-favicon-generator label{margin-bottom:8px;font-weight:600}.container-favicon-generator input[type=file],.container-favicon-generator input[type=color]{padding:10px;border:1px solid #ccc;border-radius:4px}.container-favicon-generator input[type=color]{padding:5px;height:50px;width:50px}.container-favicon-generator button{background-color:#fbbc05;color:#333;border:none;padding:12px 24px;cursor:pointer;font-size:16px;border-radius:6px;transition:background-color .3s ease,transform .2s ease;margin-top:24px;text-transform:none;text-decoration:none}.container-favicon-generator .controls button:hover,.container-favicon-generator .controls button:active,.container-favicon-generator .controls button:focus{text-decoration:none}.container-favicon-generator .controls button:hover{background-color:#e0a800;transform:translateY(-2px)}.container-favicon-generator.controls button:active{transform:translateY(0)}.container-favicon-generator a#downloadLink{background-color:#34a853;color:#fff;padding:12px 24px;text-decoration:none;border-radius:6px;transition:background-color .3s ease,transform .2s ease;margin-top:24px;display:inline-block}.container-favicon-generator a#downloadLink:hover{background-color:#2c8e46;transform:translateY(-2px)}.container-favicon-generator a.hidden{display:none}.container-favicon-generator .preview{margin-top:40px;text-align:center}.container-favicon-generator canvas{border:2px solid #ddd;border-radius:8px;margin-top:10px;background-color:#fff}.container-favicon-generator .message{margin-top:15px;font-size:14px;color:#4285f4}@media (min-width:768px){.container-favicon-generator{flex-direction:row;gap:40px}.container-favicon-generator .controls,.container-favicon-generator .preview{flex:1}.container-favicon-generator .preview{margin-top:0}}