.tool-app[data-tool-slug=pop-preview]>.result-panel>.zone-head{display:none}.pz-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.pz-inputs .step-sec{min-width:0}.pz-gap{margin-top:16px}.pz-chips{gap:6px;margin-bottom:8px;display:grid}.pz-chips.pz-3,.pz-chips.pz-6{grid-template-columns:repeat(3,minmax(0,1fr))}.pz-chips .opt-chip{min-width:0}.pz-chips .opt-chip small{margin:1px 0 0;display:block}.pz-check{min-height:32px;color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;margin:4px 0 6px;font-size:.86rem;display:flex}.pz-check-in{align-self:end;margin-bottom:18px}.pz-nums,.pz-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pz-nums{margin:4px 0 8px}.pz-nums label,.pz-field{color:var(--text-secondary);gap:4px;min-width:0;font-size:.8rem;display:grid}.pz-nums .tool-input,.pz-field .tool-input{width:100%;min-width:0}.pz-field{margin-bottom:10px}.pz-orient,.pz-mode{margin:4px 0 12px}.pz-logo{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pz-note{color:var(--text-muted);margin:6px 0 0;font-size:.76rem;line-height:1.6}.pz-logo .pz-note{margin:0}.pz-colorset{grid-template-columns:6.5em minmax(0,1fr) auto;align-items:center;gap:6px 10px;margin-bottom:10px;display:grid}.pz-colork{color:var(--text-secondary);font-size:.8rem}.pz-sw{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.pz-sw button{cursor:pointer;border:1px solid #172b4d2e;border-radius:8px;width:28px;min-width:0;height:28px;padding:0}.pz-sw button:hover{border-color:var(--accent)}.pz-sw button[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--navy)}.pz-more{min-height:32px;color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.76rem;display:flex}.pz-more input[type=color]{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:8px;width:30px;height:28px;padding:0 2px}.pz-answer .pz-line{color:var(--navy);margin:0 0 4px;font-size:1.2rem;font-weight:700;line-height:1.55}.pz-answer .pz-line em{color:var(--accent-strong);font-style:normal}.pz-answer .pz-sub{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.65}.pz-answer .pz-fine{color:var(--text-muted);margin:4px 0 0;font-size:.76rem;line-height:1.55}.pz-reads{flex-wrap:wrap;gap:6px;margin:8px 0 4px;padding:0;list-style:none;display:flex}.pz-reads li{color:#14532d;background:#eef6f1;border-radius:8px;align-items:baseline;gap:6px;padding:4px 10px;font-size:.86rem;display:inline-flex}.pz-reads li b{font-size:1rem}.pz-reads li.ng{color:#7a5301;background:#fff8eb}.pz-viewbar{justify-content:flex-end;margin:12px 0 8px;display:flex}.pz-view{aspect-ratio:16/10;border:1px solid var(--hairline-soft);background:#eef0f3;border-radius:10px;width:100%;max-height:560px;position:relative;overflow:hidden}.pz-cap{color:var(--navy);pointer-events:none;background:#ffffffdb;border-radius:6px;margin:0;padding:2px 8px;font-size:.82rem;font-weight:600;position:absolute;top:10px;left:12px}.pz-tags{pointer-events:none;flex-wrap:wrap;gap:6px;margin:0;display:flex;position:absolute;bottom:10px;left:12px}.pz-tags span{color:var(--navy);border:1px solid var(--hairline);background:#fff;border-left:3px solid #2f6fed;border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:600}.pz-tags .pz-tag-b{border-left-color:#c2410c}.pz-tags span[hidden]{display:none}.pz-loading,.pz-glerr{text-align:center;color:var(--text-secondary);place-items:center;margin:0;padding:20px;font-size:.9rem;display:grid;position:absolute;inset:0}.pz-loading[hidden],.pz-glerr[hidden]{display:none}.pz-zoom{gap:6px;display:grid;position:absolute;bottom:10px;right:10px}.pz-zoom button{border:1px solid var(--hairline);width:34px;min-width:0;height:34px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:8px;place-items:center;font-size:18px;line-height:1;display:grid}.pz-zoom button:hover{border-color:var(--accent)}.pz-zoom button:disabled{opacity:.4;cursor:default}.pz-eye{gap:8px;display:grid}.pz-eye .step-head{margin-bottom:2px}.pz-eye-row{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.pz-k{color:var(--text-secondary);min-width:8em;font-size:.82rem}.pz-eye-row .pz-check{margin:0}.pz-cmp{width:auto;min-width:0;padding:5px 8px;font-size:.86rem}.pz-hint{color:var(--text-muted);margin:8px 0 0;font-size:.78rem;line-height:1.6}.pz-h{color:var(--navy);align-items:baseline;gap:8px;margin:0 0 8px;font-size:.92rem;display:flex}.pz-sub-h{color:var(--text-muted);font-size:.76rem;font-weight:400}.pz-paper{background:#eef0f3;border-radius:8px;place-items:center;margin-bottom:10px;padding:12px;display:grid}.pz-paper canvas{width:auto;max-width:100%;height:auto;max-height:220px;display:block;box-shadow:0 1px 3px #172b4d2e}.pz-adjust{border-top:1px solid var(--hairline);margin-bottom:8px;padding:8px 0 4px}.pz-adjust summary{cursor:pointer;color:var(--navy);padding:4px 0;font-size:.86rem;font-weight:600}.pz-range{color:var(--text-secondary);gap:2px;margin:8px 0;font-size:.8rem;display:grid}.pz-range span{justify-content:space-between;display:flex}.pz-range output{color:var(--navy);font-weight:600}.pz-range input{width:100%;accent-color:var(--accent)}.pz-range input:disabled{opacity:.4}.pz-side .pz-small{min-width:0;padding:.3rem .8rem;font-size:.8rem}.pz-save{border-top:1px solid var(--hairline);padding-top:12px}.pz-title-l{color:var(--text-secondary);margin-bottom:4px;font-size:.78rem;display:block}.pz-title{width:100%;min-width:0;margin-bottom:4px;padding:7px 10px;font-size:.9rem}.pz-side .pz-main{background:var(--accent);border-color:var(--accent);color:#fff;flex-wrap:wrap;justify-content:center;width:100%;min-width:0;margin-bottom:8px;font-weight:700;display:flex}.pz-side .pz-main:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.pz-side .pz-main:disabled{opacity:.6}.pz-subs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.pz-help{color:var(--text-secondary);margin:0 0 8px;font-size:.78rem;line-height:1.6}.pz-h2{border-top:1px solid var(--hairline);margin-top:14px;padding-top:12px}.pz-side .pz-wide{justify-content:center;width:100%;min-width:0;margin-bottom:10px;font-size:.84rem;display:flex}.pz-subs .tool-btn{justify-content:center;min-width:0;font-size:.84rem}.pz-status{color:var(--accent-strong);margin:8px 0 0;font-size:.82rem;line-height:1.6}.pz-status:empty{display:none}.pz-side~.hx-card{margin-top:16px}.pz-table{width:100%;display:table}.pz-table th{background:0 0}@media (width>=1100px){#tool-workspace[data-tool-slug=pop-preview] .pz-inputs{grid-template-columns:minmax(0,1fr);gap:18px}}@media (width<=1099.98px){.pz-answer .pz-fine{display:none}.pz-answer .pz-sub{font-size:.74rem;line-height:1.45}.pz-reads{gap:4px;margin:4px 0 0}.pz-reads li{padding:2px 8px;font-size:.76rem}.pz-reads li b{font-size:.86rem}}@media (width<=860px){.pz-inputs{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.pz-zoom button{width:30px;height:30px}.pz-viewbar{justify-content:stretch}.pz-viewbar .opt-seg.opt-seg{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.pz-eye-row .opt-seg.opt-seg{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));width:100%;display:grid}.pz-eye-row .opt-seg.opt-seg>.opt-chip{text-align:center;padding-left:.2rem;padding-right:.2rem}.pz-k{width:100%;min-width:0}.pz-two{grid-template-columns:minmax(0,1fr)}.pz-chips .opt-chip{padding-left:.2rem;padding-right:.2rem;font-size:.84rem;line-height:1.35}.pz-chips .opt-chip small{font-size:.7rem}.pz-check-in{margin-bottom:8px}.pz-colorset{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k more""sw sw";gap:4px 8px}.pz-colorset .pz-colork{grid-area:k}.pz-colorset .pz-more{grid-area:more}.pz-colorset .pz-sw{grid-area:sw;grid-template-columns:repeat(var(--n,7), minmax(0, 1fr));gap:6px;max-width:300px;display:grid}.pz-sw button{aspect-ratio:1;width:100%;height:auto}}