.pg-strip{background:var(--bg-soft);border:1px solid var(--border);border-radius:16px;gap:8px;height:320px;margin-bottom:1.25rem;padding:8px;display:flex;overflow:hidden}.pg-swatch{cursor:default;border-radius:12px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;padding:14px 8px 18px;transition:flex .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pg-swatch:hover{flex:1.8}.pg-swatch-controls{opacity:0;z-index:2;justify-content:center;gap:6px;transition:opacity .25s;display:flex;position:absolute;top:12px;left:0;right:0}.pg-swatch:hover .pg-swatch-controls{opacity:1}.pg-swatch-btn{-webkit-backdrop-filter:blur(8px);cursor:pointer;color:#333;background:#ffffffbf;border:1px solid #ffffff59;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 8px #00000014}.pg-swatch-btn:hover{background:#fffffff2;transform:scale(1.1)}.pg-swatch-circle{border:3px solid #ffffff73;border-radius:50%;flex-shrink:0;width:56px;height:56px;margin-top:auto;margin-bottom:auto;transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .3s}.pg-swatch:hover .pg-swatch-circle{border-color:#ffffffbf;transform:scale(1.15)}.pg-swatch-label{font-size:14px;font-weight:600;font-family:var(--font-mono);white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffff2e;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;transition:background .2s,transform .15s;display:flex}.pg-swatch-label:hover{background:#ffffff59;transform:scale(1.05)}.pg-swatch-lock-icon{opacity:.8;font-size:12px}.pg-swatch-copy{cursor:pointer;opacity:.85;background:0 0;border:none;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.pg-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.pg-generate-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:9px 22px;font-size:13px;font-weight:600;transition:background .15s,transform .1s}.pg-generate-btn:hover{background:var(--accent-hover,#1d5ed6)}.pg-generate-btn:active{transform:scale(.97)}.pg-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;min-width:160px;padding:9px 14px;font-size:13px}.pg-count-control{border:1px solid var(--border);border-radius:var(--radius);align-items:center;margin-left:auto;display:flex;overflow:hidden}.pg-count-btn{background:var(--bg);width:34px;height:34px;color:var(--text);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:16px;transition:background .1s;display:flex}.pg-count-btn:hover{background:var(--bg-soft)}.pg-count-value{text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border);width:34px;font-size:13px;font-weight:600;line-height:34px}.pg-strategy-desc{color:var(--text-2);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);min-height:36px;margin-bottom:1.5rem;padding:.625rem .875rem;font-size:13px;line-height:1.4}.pg-export{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.pg-export-label{color:var(--text);font-size:14px;font-weight:700}.pg-export-btns{flex-wrap:wrap;gap:.5rem;display:flex}.pg-export-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;padding:7px 16px;font-size:12px;font-weight:500;transition:background .1s,border-color .1s}.pg-export-btn:hover{background:var(--bg-soft);border-color:var(--text-3)}.pg-colours-label{color:var(--text);margin-bottom:.625rem;font-size:14px;font-weight:700}.pg-colours{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:0;margin-bottom:1.25rem;display:flex;overflow:hidden}.pg-colour-row{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.875rem 1rem;transition:background .1s;display:flex}.pg-colour-row:last-child{border-bottom:none}.pg-colour-row:hover{background:var(--bg-soft)}.pg-colour-chip{border-radius:10px;flex-shrink:0;width:50px;height:50px;box-shadow:0 1px 3px #00000014}.pg-colour-info{flex:1;min-width:0}.pg-colour-hex{color:var(--text);font-size:14px;font-family:var(--font-mono);line-height:1.3}.pg-colour-name{font-family:var(--font);color:var(--text-2);margin-left:.5rem;font-size:13px;font-weight:400}.pg-colour-meta{color:var(--text-3);font-size:11px;font-family:var(--font-mono);letter-spacing:.01em;margin-top:3px}.pg-colour-actions{flex-shrink:0;gap:.375rem;display:flex}.pg-action-btn{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:14px;text-decoration:none;transition:background .1s,border-color .1s,transform .1s;display:flex}.pg-action-btn:hover{background:var(--bg-hover);border-color:var(--text-3);transform:scale(1.05)}.pg-action-btn.pg-locked{background:var(--accent);color:#fff;border-color:var(--accent)}.pg-hint{text-align:center;color:var(--text-3);margin-top:.75rem;font-size:12px}.pg-hint kbd{font-size:11px;font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-soft);border-radius:4px;padding:2px 8px;display:inline-block}@media (width<=768px){.pg-strip{height:220px}.pg-swatch-circle{width:40px;height:40px}.pg-swatch-btn{width:28px;height:28px;font-size:12px}.pg-controls{flex-wrap:wrap}.pg-count-control{margin-left:0}.pg-colour-row{flex-wrap:wrap;gap:.5rem;padding:.75rem}.pg-colour-actions{justify-content:flex-end;width:100%}}