.favicon-generator_workspace__OzQHE{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:18px;padding:20px;border:1px solid #17211b;background:#fffdf7}.favicon-generator_controls__mOU_e{display:grid;align-content:start;gap:15px}.favicon-generator_dropzone__7hnVH{display:grid;place-content:center;min-height:150px;padding:18px;border:1px dashed #17211b;background:#f5f1e8;text-align:center;cursor:pointer}.favicon-generator_dropzone__7hnVH span{margin-top:6px;color:#667169;font-size:12px;font-weight:500}.favicon-generator_dropzone__7hnVH input{position:absolute;width:1px;height:1px;opacity:0}.favicon-generator_options__O9RiA{display:grid;grid-template-columns:1fr 1fr;gap:10px}.favicon-generator_options__O9RiA label{display:grid;gap:7px;font-size:13px;font-weight:800}.favicon-generator_options__O9RiA select{min-width:0;padding:11px;border:1px solid #17211b;background:white}.favicon-generator_controls__mOU_e>button{padding:12px;border:1px solid #17211b;color:white;background:#17211b;font-weight:850;cursor:pointer}.favicon-generator_controls__mOU_e>button:disabled{opacity:.42}.favicon-generator_controls__mOU_e>p{margin:0;color:#5c655f;font-size:12px}.favicon-generator_result__URTh1{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(210px,1.2fr);gap:16px;min-height:390px;padding:18px;border:1px solid #17211b;background:#eeeae0}.favicon-generator_preview__E2DU1{display:grid;place-items:center;min-height:230px;border:1px solid rgb(23 33 27/25%);background-color:#fff;background-image:linear-gradient(45deg,#ece8df 25%,transparent 0),linear-gradient(-45deg,#ece8df 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ece8df 0),linear-gradient(-45deg,transparent 75%,#ece8df 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;color:#758078}.favicon-generator_preview__E2DU1 img{width:min(80%,192px);height:auto;image-rendering:auto}.favicon-generator_package__OzgJQ h2{margin:0 0 12px;font-size:17px}.favicon-generator_package__OzgJQ ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.favicon-generator_package__OzgJQ li{padding-bottom:8px;border-bottom:1px solid rgb(23 33 27/16%);font-size:12px;font-weight:700}.favicon-generator_package__OzgJQ p{color:#5c655f;font-size:12px}@media (max-width:780px){.favicon-generator_result__URTh1,.favicon-generator_workspace__OzQHE{grid-template-columns:1fr}.favicon-generator_result__URTh1{min-height:auto}}@media (max-width:460px){.favicon-generator_options__O9RiA{grid-template-columns:1fr}}