/* Favicon generator: controls, live previews (browser tab + phone home screen) */
.fv{display:grid;gap:clamp(18px,3vw,36px);margin-top:28px}
@media (min-width:980px){.fv{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.fv__ctl{position:sticky;top:96px}}
.fv__ctl{display:grid;gap:20px}
.fv__q{border:0;margin:0;padding:0;min-width:0}
.fv__q legend,.fv__q>label{display:block;margin-bottom:10px;font-size:15px;color:var(--cream)}
.fv__q output{font-weight:700;color:var(--gold)}
.fv__seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.2)}
.fv__seg label{position:relative}
.fv__seg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.fv__seg span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;border-radius:999px;color:var(--muted);font:500 14px var(--sans);text-align:center;cursor:pointer;transition:background .25s,color .25s}
.fv__seg input:checked+span{background:var(--goldg);color:#1a0c1e}
.fv__seg input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.fv__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fv__col{display:flex;align-items:center;gap:10px;min-height:54px;padding:6px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04)}
.fv__col input{width:40px;height:40px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}
.fv__col span{font-size:14px;color:var(--cream)}
.fv__col small{display:block;font-size:12px;color:var(--muted)}
.fv__r{width:100%;height:44px;margin:0;background:none;accent-color:var(--gold);cursor:pointer}
.fv__h{margin:6px 0 0;font-size:13px;color:var(--muted)}
.fv__chk{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:var(--cream);cursor:pointer}
.fv__chk input{width:20px;height:20px;accent-color:var(--gold)}
.fv__file{display:block;width:100%;padding:12px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:14px;background:rgba(255,255,255,.03)}
.fv__file::file-selector-button{margin-right:12px;min-height:40px;padding:0 16px;border:1px solid var(--gold);border-radius:999px;background:none;color:var(--gold);font:500 14px var(--sans);cursor:pointer}
.fv__pv{display:grid;gap:22px}
.fv__box{padding:20px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03)}
.fv__box h3{margin:0 0 14px;font:500 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#cdb58a}
.fv__tabs{display:grid;gap:10px}
.fv__tab{display:flex;align-items:center;gap:8px;max-width:240px;height:36px;padding:0 12px;border-radius:10px 10px 0 0;font:13px/1 system-ui,-apple-system,sans-serif}
.fv__tab canvas{width:16px;height:16px;flex:none}
.fv__tab b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.fv__tab i{font-style:normal;opacity:.55}
.fv__tab--l{background:#f1f3f4;color:#202124}
.fv__tab--d{background:#35363a;color:#e8eaed}
.fv__bar{height:34px;margin-top:-10px;border-radius:0 8px 8px 8px;display:flex;align-items:center;padding:0 12px;font:12px system-ui,sans-serif}
.fv__bar--l{background:#fff;color:#5f6368;border:1px solid #dadce0}
.fv__bar--d{background:#202124;color:#9aa0a6}
.fv__sizes{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;margin-top:6px}
.fv__sizes figure{margin:0;text-align:center;font-size:12px;color:var(--muted)}
.fv__sizes canvas{display:block;margin:0 auto 6px;background:repeating-conic-gradient(#2a1a30 0 25%,#1c0f22 0 50%) 0 0/12px 12px}
.fv__phone{width:min(260px,100%);margin:0 auto;padding:14px 14px 18px;border:2px solid rgba(247,236,214,.28);border-radius:34px;background:linear-gradient(170deg,#3b2a55,#17102a 70%)}
.fv__notch{width:70px;height:6px;margin:0 auto 18px;border-radius:9px;background:rgba(0,0,0,.45)}
.fv__apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px}
.fv__app{display:grid;justify-items:center;gap:5px;font-size:10px;color:#fff;opacity:.9}
.fv__app i{display:block;width:100%;aspect-ratio:1;border-radius:22.5%;background:rgba(255,255,255,.16)}
.fv__app canvas{display:block;width:100%;aspect-ratio:1;border-radius:22.5%}
.fv__app span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fv__mask{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.fv__mask canvas{width:72px;height:72px;border-radius:50%}
.fv__dl{margin-top:4px;display:grid;gap:14px}
.fv__code{margin:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.35);color:var(--cream);font:12.5px/1.6 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all;overflow-x:auto}
.fv__msg{min-height:1.4em;margin:0;font-size:14px;color:var(--gold)}
.fv__empty{margin:0;font-size:14px;color:var(--muted)}
@media (max-width:520px){.fv__row{grid-template-columns:1fr}}
.cp__t{font:400 clamp(30px,4.4vw,52px)/1.08 var(--serif);margin:10px 0 0;max-width:22ch}
.cp__sub{max-width:60ch;margin:14px 0 0}