.pg-views{justify-content:center;margin-top:18px;display:flex}.pg-url{gap:8px;width:min(520px,100%);margin-top:8px;display:flex}.pg-url input{flex:1}.pg-preview{justify-content:center;margin-top:18px;padding:10px;display:flex;position:relative}.pg-preview img{object-fit:contain;border-radius:12px;max-width:100%;max-height:380px;display:block}.pg-clear{border:1px solid var(--border);width:34px;height:34px;color:var(--text);cursor:pointer;background:#050a08bf;border-radius:50%;font-size:15px;position:absolute;top:16px;right:16px}.pg-clear:hover{background:#ff6b6b40}.pg-results{gap:18px;margin-top:18px;scroll-margin-top:90px;display:grid}.pg-save{align-items:center;gap:10px;padding:12px;display:flex}.pg-save input{flex:1}.pg-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pg-stats .card{text-align:center;gap:2px;padding:14px 10px;display:grid}.pg-stats b{color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(1.15rem,2.4vw,1.6rem)}.pg-stats span{color:var(--muted);font-size:13px}.pg-sec{border:1px solid var(--border-soft);background:#ffffff05;border-radius:18px}.pg-sec-head{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pg-sec-head:hover{background:var(--panel-hover)}.pg-sec-head b{font-size:1.05rem}.pg-sec-head em{color:var(--green);background:#14e08424;border-radius:99px;margin-left:6px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.pg-sec-head small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.pg-sec-head i{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex:none;width:10px;height:10px;transition:transform .2s;transform:rotate(-45deg)}.pg-sec.open .pg-sec-head i{transform:rotate(45deg)}.pg-sec:not(.open) .pg-grid{display:none}.pg-grid{gap:12px;padding:0 16px 16px;display:grid}.pg-grid.lg{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-items:start}.pg-grid.md{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.pg-grid.sm{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px}.lc{border:1px solid var(--border-soft);background:#0b130f;border-radius:16px;overflow:hidden}.lc-top{position:relative}.lc-sw{width:100%;height:132px;font:inherit;cursor:pointer;text-align:left;border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;padding:14px;display:flex}.lc-hex{font-size:1.05rem;font-weight:700}.lc-pct{opacity:.85;font-size:13px}.lc-copy{cursor:pointer;background:#ffffff2e;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.lc-copy:hover{background:#ffffff52}.lc-det{padding:6px;display:grid}.lc-row{color:var(--text);font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px;display:flex}button.lc-row{cursor:pointer}button.lc-row:hover{background:var(--panel-hover)}.lc-row .lab{color:var(--muted);font-weight:700}.mc{border:1px solid var(--border-soft);color:var(--text);font:inherit;cursor:pointer;background:#0b130f;border-radius:14px;padding:0;transition:transform .15s;display:grid;overflow:hidden}.mc:hover{transform:translateY(-2px)}.mc-sw{justify-content:flex-end;align-items:flex-end;height:72px;padding:6px 8px;display:flex}.mc-pct{opacity:.9;font-size:12px;font-weight:700}.mc-hex{text-align:center;padding:8px;font-size:13px}.sw{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff14;border-radius:8px;padding:0;transition:transform .12s}.sw:hover{z-index:1;position:relative;transform:scale(1.15)}.pg-export{gap:12px;padding:16px;display:grid}.pg-ex-head,.pg-ex-tabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pg-ex-head h2{margin:0;font-size:1.15rem}.pg-ex-head small{margin-left:6px;font-size:13px;font-weight:500}.pg-code{border:1px solid var(--border-soft);color:#cdeedd;white-space:pre;background:#050a08;border-radius:12px;max-height:320px;margin:0;padding:14px;font-size:13px;line-height:1.55;overflow:auto}.pg-saved-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.pg-saved-top p{margin:0}.pg-saved-tools{flex:1;justify-content:flex-end;gap:8px;min-width:min(100%,320px);display:flex}.pg-saved-tools input{flex:1;max-width:300px}.pg-saved{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;margin-top:16px;display:grid}.pg-saved .empty{text-align:center;border:1px dashed var(--border-soft);border-radius:18px;grid-column:1/-1;padding:40px 16px}.sv{padding:0;position:relative;overflow:hidden}.sv-open{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:grid}.sv-strip{height:76px;display:flex}.sv-strip i{flex:1}.sv-meta{gap:2px;padding:12px 48px 12px 14px;display:grid}.sv-meta b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sv-del{border:1px solid var(--border-soft);background:var(--panel);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:absolute;bottom:12px;right:8px}.sv-del:hover{color:#ff8080;border-color:#ff6b6b66}.sv-confirm{text-align:center;background:#050a08f0;flex-wrap:wrap;place-content:center;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.sv-confirm span{width:100%}@media (width<=640px){.pg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-save{flex-direction:column;align-items:stretch}.pg-grid.lg{grid-template-columns:repeat(2,minmax(0,1fr))}.lc-sw{height:104px;padding:10px}.lc-hex{font-size:.95rem}.pg-grid.md{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-grid.sm{grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}.pg-grid{padding:0 12px 12px}.pg-saved-tools{justify-content:stretch}.pg-saved-tools input{max-width:none}.tt-seg button{padding:7px 10px}}@media (width<=380px){.pg-grid.lg{grid-template-columns:minmax(0,1fr)}.pg-grid.md{grid-template-columns:repeat(2,minmax(0,1fr))}}