.favicon-module-scss-module__ubVd_W__pageRoot{color:#fff;background:#0d0d0d;min-height:100vh;padding-top:8rem;padding-bottom:5rem}@media (max-width:768px){.favicon-module-scss-module__ubVd_W__pageRoot{padding-top:6rem;padding-bottom:3.5rem}}.favicon-module-scss-module__ubVd_W__breadcrumbs{transform-origin:0;z-index:90;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;-webkit-backdrop-filter:none;box-shadow:none;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:.6rem;padding:0;font-family:Instrument Sans,sans-serif;font-size:.75rem;font-weight:700;display:flex;position:fixed;top:66%;left:1.5rem;transform:translateY(-50%)rotate(-90deg)}.favicon-module-scss-module__ubVd_W__breadcrumbs a{color:#ffffffa6;text-transform:uppercase;text-decoration:none;transition:color .2s}.favicon-module-scss-module__ubVd_W__breadcrumbs a:hover{color:#fff}.favicon-module-scss-module__ubVd_W__breadcrumbs .favicon-module-scss-module__ubVd_W__current{color:#d80520;text-transform:uppercase;font-weight:800}@media (max-width:1280px){.favicon-module-scss-module__ubVd_W__breadcrumbs{background:0 0;flex-wrap:wrap;margin-bottom:2rem;padding:0;font-size:.85rem;position:static;transform:none}}.favicon-module-scss-module__ubVd_W__toolBox{box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:880px;margin:0 auto;padding:2.5rem;box-shadow:0 20px 40px #00000080}@media (max-width:768px){.favicon-module-scss-module__ubVd_W__toolBox{border-radius:18px;padding:1.25rem}}.favicon-module-scss-module__ubVd_W__toolHeader{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.favicon-module-scss-module__ubVd_W__toolHeader .favicon-module-scss-module__ubVd_W__iconBadge{color:#d80520;background:#572dff26;border:1px solid #572dff59;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.25rem;display:flex}.favicon-module-scss-module__ubVd_W__toolHeader .favicon-module-scss-module__ubVd_W__title{color:#fff;margin-bottom:.5rem;font-family:Instrument Sans,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.favicon-module-scss-module__ubVd_W__toolHeader .favicon-module-scss-module__ubVd_W__desc{color:#ffffffa6;max-width:600px;font-size:1rem}.favicon-module-scss-module__ubVd_W__dropZone{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#0000004d;border:2px dashed #fff3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2.5rem;padding:3rem 1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.favicon-module-scss-module__ubVd_W__dropZone:hover,.favicon-module-scss-module__ubVd_W__dropZone.favicon-module-scss-module__ubVd_W__dragging{background:#572dff14;border-color:#572dff;box-shadow:0 0 30px #572dff33}.favicon-module-scss-module__ubVd_W__dropZone:hover .favicon-module-scss-module__ubVd_W__uploadIconWrapper,.favicon-module-scss-module__ubVd_W__dropZone.favicon-module-scss-module__ubVd_W__dragging .favicon-module-scss-module__ubVd_W__uploadIconWrapper{color:#fff;background:linear-gradient(135deg,#572dff,#d80520);transform:scale(1.1)}.favicon-module-scss-module__ubVd_W__dropZone input[type=file]{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;position:absolute;inset:0}.favicon-module-scss-module__ubVd_W__uploadIconWrapper{color:#d80520;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;transition:all .3s;display:flex}.favicon-module-scss-module__ubVd_W__dropTitle{color:#fff;margin-bottom:.4rem;font-family:Instrument Sans,sans-serif;font-size:1.15rem;font-weight:700}.favicon-module-scss-module__ubVd_W__dropSubtitle{color:#ffffff8c;max-width:480px;font-size:.9rem;line-height:1.45}.favicon-module-scss-module__ubVd_W__loadedFileBadge{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:99px;align-items:center;gap:.4rem;margin-top:1rem;padding:.35rem .9rem;font-family:Instrument Sans,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex}.favicon-module-scss-module__ubVd_W__sectionTitleRow{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.favicon-module-scss-module__ubVd_W__sectionTitleRow h2{color:#fff;font-family:Instrument Sans,sans-serif;font-size:1.3rem;font-weight:700}.favicon-module-scss-module__ubVd_W__sectionTitleRow .favicon-module-scss-module__ubVd_W__countBadge{color:#d80520;background:#572dff26;border:1px solid #572dff4d;border-radius:99px;padding:.25rem .75rem;font-family:Instrument Sans,sans-serif;font-size:.8rem;font-weight:700}.favicon-module-scss-module__ubVd_W__previewGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin-bottom:2.5rem;display:grid}@media (max-width:768px){.favicon-module-scss-module__ubVd_W__previewGrid{grid-template-columns:1fr}}.favicon-module-scss-module__ubVd_W__previewCard{box-sizing:border-box;background:#0006;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .25s;display:flex}.favicon-module-scss-module__ubVd_W__previewCard:hover{background:#ffffff0a;border-color:#fff3;transform:translateY(-2px)}.favicon-module-scss-module__ubVd_W__cardHeader{justify-content:space-between;align-items:center;display:flex}.favicon-module-scss-module__ubVd_W__cardHeader .favicon-module-scss-module__ubVd_W__sizeName{color:#fff;font-family:Instrument Sans,sans-serif;font-size:.9rem;font-weight:700}.favicon-module-scss-module__ubVd_W__cardHeader .favicon-module-scss-module__ubVd_W__dimenBadge{color:#d80520;background:#00000080;border:1px solid #ffffff14;border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-size:.75rem;font-weight:700}.favicon-module-scss-module__ubVd_W__imgPreviewWrapper{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;height:110px;padding:1rem;display:flex}.favicon-module-scss-module__ubVd_W__imgPreviewWrapper img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000080)}.favicon-module-scss-module__ubVd_W__fileMeta{justify-content:center;align-items:center;display:flex}.favicon-module-scss-module__ubVd_W__fileMeta .favicon-module-scss-module__ubVd_W__filenameText{color:#fff9;font-family:monospace;font-size:.8rem}.favicon-module-scss-module__ubVd_W__downloadCardBtn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.65rem;font-family:Instrument Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.favicon-module-scss-module__ubVd_W__downloadCardBtn:hover{background:linear-gradient(135deg,#572dff,#d80520);border-color:#0000}.favicon-module-scss-module__ubVd_W__codeSnippetSection{background:#00000080;border:1px solid #ffffff1f;border-radius:18px;padding:1.5rem}.favicon-module-scss-module__ubVd_W__codeSnippetHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.favicon-module-scss-module__ubVd_W__codeSnippetHeader .favicon-module-scss-module__ubVd_W__snippetTitle{color:#fff;align-items:center;gap:.5rem;font-family:Instrument Sans,sans-serif;font-size:.95rem;font-weight:700;display:flex}.favicon-module-scss-module__ubVd_W__copyCodeBtn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-family:Instrument Sans,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.favicon-module-scss-module__ubVd_W__copyCodeBtn:hover{background:#ffffff2e}.favicon-module-scss-module__ubVd_W__copyCodeBtn.favicon-module-scss-module__ubVd_W__copied{color:#10b981;background:#10b98133;border-color:#10b98166}.favicon-module-scss-module__ubVd_W__codeTextArea{box-sizing:border-box;color:#d80520;resize:none;background:#0009;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;height:120px;padding:1rem;font-family:monospace;font-size:.85rem;line-height:1.6}