.favicon-page{width:min(1180px,100% - 48px);color:var(--foreground);margin:24px auto}.favicon-header{margin-bottom:32px}.favicon-page h1{margin-bottom:12px;font-size:clamp(1.75rem,4vw,2.5rem)}.favicon-page p{line-height:1.6}.favicon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.favicon-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;padding:24px}.favicon-panel h2{margin:0 0 20px;font-size:1.2rem}.favicon-panel label{margin-bottom:12px;display:block}.favicon-panel input{width:100%;max-width:100%;margin-bottom:8px;font-size:16px}.favicon-panel input::file-selector-button{cursor:pointer;min-height:44px;margin-right:12px}.favicon-page button{border:1px solid var(--border);background:var(--surface-soft);min-height:44px;color:var(--foreground);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:14px}.favicon-page button:disabled{opacity:.5;cursor:default}.favicon-page button:focus-visible,.favicon-page input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}.favicon-page button.primary{color:#fff;background:#335fff}.favicon-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.favicon-note{color:var(--muted);font-size:14px}.favicon-filename{overflow-wrap:anywhere}.favicon-tabs{gap:8px;margin:24px 0;display:grid}.favicon-tab{border-radius:12px 12px 0 0;align-items:center;gap:12px;padding:12px 16px;display:flex}.favicon-tab span:last-child{margin-left:auto}.favicon-tab.light{color:#20232c;background:#eef0f6}.favicon-tab.dark{color:#f6f8fc;background:#20232c}.favicon-icons{flex-wrap:wrap;gap:12px;display:flex}.favicon-icons>div{text-align:center;flex:1;min-width:90px}.favicon-swatch{background:repeating-conic-gradient(#e6e6e6 0% 25%,#fff 0% 50%) 0/16px 16px;border-radius:8px;place-items:center;height:80px;margin-bottom:8px;display:grid}.favicon-footer{margin-top:32px}.favicon-page [role=alert]{border:1px solid var(--border);border-radius:12px;padding:16px}@media (width<=720px){.favicon-page{width:calc(100% - 32px)}.favicon-grid{grid-template-columns:1fr}.favicon-panel{padding:18px}}