.pg-favicon .fv-label{font:600 15px / 1.2 var(--font-label)}.pg-favicon .tk-field input.fv-glyph{font-size:24px;font-weight:650;letter-spacing:.02em}.pg-favicon .fv-pair{display:inline-flex;align-items:center;gap:8px;padding-left:7px;min-height:40px}.pg-favicon .fv-swatch{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--line-light);font:700 12px / 1 var(--font-text)}.pg-favicon .fv-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pg-favicon .fv-color{display:flex;align-items:center;gap:12px;font:600 15px / 1.2 var(--font-label)}.pg-favicon .tk-field input[type=color]{flex:none;width:48px;height:48px;padding:3px;border-radius:12px;cursor:pointer}.pg-favicon .tk-field input[type=color]:focus-visible,.pg-favicon .tk-field input.fv-range:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}@media(max-width:380px){.pg-favicon .fv-three{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-favicon .fv-three .tk-tab:last-child{grid-column:1 / -1}}.pg-favicon .fv-drop{position:relative;display:grid;gap:4px;padding:24px 20px;border-radius:14px;background:var(--fog);box-shadow:inset 0 0 0 2px var(--ink);text-align:center;cursor:pointer;transition:background-color .15s ease}.pg-favicon .fv-drop.is-over{background:var(--lime)}.pg-favicon .fv-drop:focus-within{outline:3px solid var(--cobalt);outline-offset:2px}.pg-favicon .fv-drop-main{font:700 18px / 1.2 var(--font-display)}.pg-favicon .fv-drop-sub{color:var(--stone);font-size:var(--text-small);line-height:1.4}.pg-favicon .tk-field input.fv-drop-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer;box-shadow:none}.pg-favicon .tk-field input.fv-range{padding:0;height:32px;border-radius:0;background:none;box-shadow:none;accent-color:var(--ink);cursor:pointer}.pg-favicon .fv-range-ends{display:flex;justify-content:space-between;margin-top:-4px;color:var(--stone);font-size:var(--text-small)}.pg-favicon .fv-link{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pg-favicon .fv-example,.pg-favicon .fv-quiet{color:var(--ash);font-size:var(--text-small);line-height:1.4}.pg-favicon .fv-problem{color:var(--pink);font-weight:600;line-height:1.4}.pg-favicon .fv-icon{display:block;flex:none}.pg-favicon .fv-sample{display:grid;place-items:center;border-radius:22%;background:#0e0e0e;color:#fff;font:700 10px / 1 var(--font-text)}.pg-favicon .fv-stage{display:grid;gap:16px;padding:clamp(14px,2vw,20px);border-radius:16px;background:var(--fog);color:var(--ink)}.pg-favicon .fv-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.pg-favicon .fv-strip,.pg-favicon .fv-app{min-width:0;margin:0}.pg-favicon .fv-bar{display:flex;gap:4px;padding:6px;border-radius:12px;background:var(--bar)}.pg-favicon .fv-strip.is-light{--bar: #dee1e6;--tab: #ffffff;--tab-text: #1f1f1f;--idle-text: #5f6368;--dot: #b9bdc4}.pg-favicon .fv-strip.is-dark{--bar: #202124;--tab: #35363a;--tab-text: #e8eaed;--idle-text: #9aa0a6;--dot: #5f6368}.pg-favicon .fv-tab{display:flex;align-items:center;gap:8px;min-width:0;height:32px;padding:0 10px;border-radius:8px;color:var(--idle-text);font:500 13px / 1 var(--font-text)}.pg-favicon .fv-tab.is-active{flex:1 1 0;background:var(--tab);color:var(--tab-text)}.pg-favicon .fv-tab:not(.is-active){flex:0 1 110px}.pg-favicon .fv-tab-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pg-favicon .fv-tab-x{margin-left:auto;font-size:15px}.pg-favicon .fv-ghost-dot{flex:none;width:16px;height:16px;border-radius:50%;background:var(--dot)}.pg-favicon .fv-caption{margin-top:8px;color:var(--stone);font-size:var(--text-small);line-height:1.4}.pg-favicon .fv-home{padding:18px;border-radius:14px;background:#b4bfd3}.pg-favicon .fv-home .fv-caption{color:var(--ink)}.pg-favicon .fv-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;justify-items:center}.pg-favicon .fv-app{display:grid;justify-items:center;gap:6px;width:100%}.pg-favicon .fv-app-tile{display:grid;width:100%;max-width:60px;aspect-ratio:1;border-radius:14px;overflow:hidden}.pg-favicon .fv-app-tile .fv-icon{width:100%!important;height:100%!important}.pg-favicon .fv-app.is-ghost .fv-app-tile{background:#ffffff80}.pg-favicon .fv-app figcaption{display:block;width:100%;min-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font:600 11px / 14px var(--font-text)}.pg-favicon .fv-bit{width:34px;height:7px;margin:3px auto 0;border-radius:4px;background:#ffffff8c}.pg-favicon .fv-hints{display:grid;gap:8px;margin:0;padding:0;list-style:none}.pg-favicon .fv-hint{position:relative;padding-left:20px;font-size:var(--text-small);line-height:1.45}.pg-favicon .fv-hint:before{content:"";position:absolute;left:2px;top:.5em;width:8px;height:8px;border-radius:50%;background:var(--ash)}.pg-favicon .fv-hint.is-warn{color:var(--pink);font-weight:600}.pg-favicon .fv-hint.is-warn:before{background:var(--pink)}.pg-favicon .fv-hint.is-ok:before{background:var(--lime)}.pg-favicon .fv-files{display:grid;margin:0;padding:0;list-style:none}.pg-favicon .fv-file{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding-block:12px;box-shadow:inset 0 1px 0 var(--line-dark)}.pg-favicon .fv-thumb{display:grid;place-items:center;width:64px;height:64px;border-radius:10px;background:#ffffff14}.pg-favicon .fv-thumb img.fv-icon{background:repeating-conic-gradient(#d8d8d8 0,#d8d8d8 25%,#fff 0,#fff 50%) 0 0 / 8px 8px}.pg-favicon .fv-file-info{display:grid;gap:2px;min-width:0}.pg-favicon .fv-file-name{font:700 16px / 1.2 var(--font-text);overflow-wrap:anywhere}.pg-favicon .fv-file-line{color:var(--ash);font-size:13px;line-height:1.35}.pg-favicon .fv-save{min-height:44px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font:600 15px / 1 var(--font-label);cursor:pointer;transition-property:background-color,transform;transition-duration:.15s,.16s;transition-timing-function:ease,var(--ease-press)}.pg-favicon .fv-save:active:not(:disabled){transform:scale(var(--press-scale))}.pg-favicon .fv-save:disabled{opacity:.4;cursor:default}.pg-favicon .fv-save:focus-visible{outline:3px solid var(--lime);outline-offset:2px}@media(hover:hover)and (pointer:fine){.pg-favicon .fv-save:hover:not(:disabled){background:var(--lime)}}@media(max-width:400px){.pg-favicon .fv-tab:not(.is-active){flex-basis:64px}.pg-favicon .fv-tab-x{display:none}}@media(max-width:520px){.pg-favicon .fv-file{grid-template-columns:64px minmax(0,1fr)}.pg-favicon .fv-save{grid-column:1 / -1}.pg-favicon .fv-home-grid{gap:8px}}.pg-favicon.pg-tool .tk-row{grid-template-columns:minmax(0,1fr)}@media(min-width:1000px){.pg-favicon.pg-tool .tk-row{grid-template-columns:180px minmax(0,5fr) minmax(0,5fr)}.pg-favicon.pg-tool .tk-row:has(.tk-row-extra:empty){grid-template-columns:180px minmax(0,1fr)}}.pg-favicon .tk-row-extra{min-width:0}.pg-favicon.pg-tool .tk-row:has(.fv-code) .tk-row-text{order:1}.pg-favicon.pg-tool .tk-row:has(.fv-code) .tk-row-extra{order:2}@media(min-width:1000px){.pg-favicon.pg-tool .tk-row:has(.fv-code){grid-template-columns:180px minmax(0,1fr)}.pg-favicon.pg-tool .tk-row:has(.fv-code) .tk-row-name{grid-column:1;grid-row:1 / span 2}.pg-favicon.pg-tool .tk-row:has(.fv-code) .tk-row-text,.pg-favicon.pg-tool .tk-row:has(.fv-code) .tk-row-extra{grid-column:2}}.pg-favicon .fv-code{display:grid;gap:12px;min-width:0;justify-items:start}.pg-favicon .fv-code pre{width:100%;margin:0;padding:16px;overflow-x:auto;border-radius:12px;background:var(--ink);color:var(--white);font:500 13px / 1.7 var(--tk-mono);white-space:pre}.pg-favicon .fv-code pre:focus-visible{outline:3px solid var(--cobalt);outline-offset:2px}