.favicon-editor{margin-top:1.25rem;padding:1rem;border:1px solid #cbd5e1;border-radius:.75rem;background:#f8fafc;color:#1e293b;font-size:.875rem;line-height:1.5}.favicon-editor h3{margin:0 0 .5rem;font-size:1rem;font-weight:700}.favicon-editor p{margin:.4rem 0}.favicon-help{color:#475569;font-size:.8125rem}.favicon-layout{display:grid;grid-template-columns:minmax(130px,170px) minmax(0,1fr);gap:1rem;margin-top:.75rem}.favicon-preview-box{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:.35rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;text-align:center;font-size:.75rem;color:#475569}.favicon-preview-box img{height:64px;width:64px;object-fit:contain;border-radius:.25rem;background:repeating-conic-gradient(#edf0f4 0% 25%,#fff 0% 50%) 50%/12px 12px}.favicon-preview-box [hidden]{display:none}.favicon-fields{min-width:0}.favicon-fields label{display:block;font-weight:600;margin-bottom:.3rem}.favicon-fields input{display:block;width:100%;max-width:100%;font-size:.8125rem}.favicon-selection{overflow-wrap:anywhere;font-size:.8125rem;font-weight:600}.favicon-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.favicon-actions button{padding:.45rem .7rem;border:1px solid #94a3b8;border-radius:.4rem;background:#fff;color:#334155;font:inherit;font-size:.8125rem;cursor:pointer;min-height:36px}.favicon-actions .favicon-primary{background:#334155;border-color:#334155;color:#fff}.favicon-actions button:disabled{opacity:.5;cursor:not-allowed}.favicon-editor button:focus-visible,.favicon-editor input:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.favicon-status{min-height:1.3em;font-size:.8125rem;overflow-wrap:anywhere}.favicon-status[data-error="true"]{color:#b91c1c;font-weight:600}@media(max-width:600px){.favicon-layout{grid-template-columns:minmax(0,1fr)}.favicon-preview-box{align-items:flex-start;text-align:left}.favicon-actions button{min-height:44px}.favicon-editor{padding:.8rem}}