:root{--pt-group-understand: #3b82f6;--pt-group-generate: #10b981;--pt-group-validate: #f59e0b;--pt-group-measure: #8b5cf6;--pt-group-analyze: #14b8a6;--pt-card-dim-opacity: .15}.pt-container{max-width:1280px;margin:0 auto;padding:1.5rem 1rem 3rem}.pt-lead{font-size:1.0625rem;line-height:1.6;color:#475569;margin:0 0 1.5rem;max-width:720px}.pt-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:.75rem}.pt-filter{position:relative}.pt-filter-button{background:#fff;border:1px solid #cbd5e1;padding:.5rem .9rem;border-radius:6px;cursor:pointer;font:inherit;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem;color:#0f172a}.pt-filter-button:hover{background:#f1f5f9}.pt-filter-button[data-active=true]{background:#0f172a;color:#fff;border-color:#0f172a}.pt-filter-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.25rem;min-width:240px;box-shadow:0 6px 16px #0f172a1f;z-index:20}.pt-filter[data-open=true] .pt-filter-dropdown{display:block}.pt-filter-option{display:block;padding:.5rem .6rem;cursor:pointer;border-radius:4px;font-size:.875rem;color:#0f172a;user-select:none}.pt-filter-option:hover{background:#f1f5f9}.pt-filter-option input[type=radio]{margin-right:.5rem;vertical-align:middle}.pt-reset-button{background:transparent;border:1px solid transparent;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font:inherit;font-size:.875rem;color:#64748b}.pt-reset-button:hover{background:#f1f5f9;color:#0f172a}.pt-hint-bar{padding:.65rem 1rem;font-size:.875rem;color:#475569;background:#f1f5f9;border-radius:6px;margin-bottom:1.25rem}.pt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1.5rem}.pt-column{display:flex;flex-direction:column;gap:.5rem;min-width:0}.pt-column-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.5rem;text-align:center;color:#fff;border-radius:4px 4px 0 0}.pt-column-header[data-group=understand]{background:var(--pt-group-understand)}.pt-column-header[data-group=generate]{background:var(--pt-group-generate)}.pt-column-header[data-group=validate]{background:var(--pt-group-validate)}.pt-column-header[data-group=measure]{background:var(--pt-group-measure)}.pt-column-header[data-group=analyze]{background:var(--pt-group-analyze)}.pt-card{position:relative;background:#fff;border:2px solid transparent;border-radius:8px;padding:.75rem .5rem;min-height:130px;cursor:pointer;transition:opacity .2s ease,transform .1s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;outline:none}.pt-card:focus-visible{box-shadow:0 0 0 3px #3b82f666}.pt-card[data-group=understand]{border-color:var(--pt-group-understand)}.pt-card[data-group=generate]{border-color:var(--pt-group-generate)}.pt-card[data-group=validate]{border-color:var(--pt-group-validate)}.pt-card[data-group=measure]{border-color:var(--pt-group-measure)}.pt-card[data-group=analyze]{border-color:var(--pt-group-analyze)}.pt-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a14}.pt-card-number{position:absolute;top:.375rem;left:.5rem;font-size:.625rem;color:#94a3b8;font-weight:600}.pt-card-symbol{font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.35rem}.pt-card[data-group=understand] .pt-card-symbol{color:var(--pt-group-understand)}.pt-card[data-group=generate] .pt-card-symbol{color:var(--pt-group-generate)}.pt-card[data-group=validate] .pt-card-symbol{color:var(--pt-group-validate)}.pt-card[data-group=measure] .pt-card-symbol{color:var(--pt-group-measure)}.pt-card[data-group=analyze] .pt-card-symbol{color:var(--pt-group-analyze)}.pt-card-name{font-size:.75rem;line-height:1.25;color:#334155;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.pt-card-ai-icon{position:absolute;bottom:.375rem;right:.375rem;color:#94a3b8;line-height:0}.pt-grid.has-active-filter .pt-card:not(.pt-card--matches){opacity:var(--pt-card-dim-opacity)}.pt-legend{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;padding:.75rem .5rem;font-size:.875rem;color:#475569}.pt-legend-item{display:inline-flex;align-items:center;gap:.4rem}.pt-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.pt-legend-dot[data-group=understand]{background:var(--pt-group-understand)}.pt-legend-dot[data-group=generate]{background:var(--pt-group-generate)}.pt-legend-dot[data-group=validate]{background:var(--pt-group-validate)}.pt-legend-dot[data-group=measure]{background:var(--pt-group-measure)}.pt-legend-dot[data-group=analyze]{background:var(--pt-group-analyze)}.pt-modal{border:none;border-radius:12px;padding:0;max-width:600px;width:92%;box-shadow:0 20px 50px #0f172a40;max-height:90vh}.pt-modal::backdrop{background:#0f172a66}.pt-modal-header{display:flex;align-items:center;gap:.85rem;padding:1.15rem 1.25rem;border-bottom:1px solid #e2e8f0}.pt-modal-symbol-badge{width:44px;height:44px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;flex-shrink:0}.pt-modal-symbol-badge[data-group=understand]{background:var(--pt-group-understand)}.pt-modal-symbol-badge[data-group=generate]{background:var(--pt-group-generate)}.pt-modal-symbol-badge[data-group=validate]{background:var(--pt-group-validate)}.pt-modal-symbol-badge[data-group=measure]{background:var(--pt-group-measure)}.pt-modal-symbol-badge[data-group=analyze]{background:var(--pt-group-analyze)}.pt-modal-title{flex-grow:1;font-size:1.15rem;margin:0;line-height:1.3;color:#0f172a}.pt-modal-close{background:transparent;border:none;font-size:1.65rem;cursor:pointer;color:#64748b;padding:0 .5rem;line-height:1}.pt-modal-close:hover{color:#0f172a}.pt-modal-body{padding:1.25rem;overflow-y:auto}.pt-modal-field{margin-bottom:1.15rem}.pt-modal-field:last-child{margin-bottom:0}.pt-modal-field-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.3rem}.pt-modal-field-value{font-size:.9375rem;line-height:1.5;color:#1e293b}.pt-modal-prompt-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5;margin-top:.35rem;white-space:pre-wrap;word-break:break-word;color:#1e293b}.pt-modal-copy-button{display:inline-flex;align-items:center;gap:.4rem;background:#0f172a;color:#fff;border:none;padding:.45rem .9rem;border-radius:6px;font:inherit;font-size:.875rem;cursor:pointer;margin-top:.5rem;transition:background .15s ease}.pt-modal-copy-button:hover{background:#1e293b}.pt-modal-copy-button[data-copied=true]{background:#10b981}.pt-modal-list{margin:.3rem 0 0;padding-left:1.25rem;font-size:.9375rem;line-height:1.5;color:#1e293b}.pt-modal-list li{margin-bottom:.35rem}.pt-modal-list li:last-child{margin-bottom:0}.pt-modal-footer{padding:.9rem 1.25rem;border-top:1px solid #e2e8f0;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.pt-modal-cta{display:inline-block;padding:.5rem .95rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;line-height:1.3;transition:background .15s ease,border-color .15s ease}.pt-modal-cta--primary{background:#0f172a;color:#fff;border:1px solid #0f172a}.pt-modal-cta--primary:hover{background:#1e293b}.pt-modal-cta--secondary{background:#fff;color:#0f172a;border:1px solid #cbd5e1}.pt-modal-cta--secondary:hover{border-color:#0f172a}@media(max-width:1024px){.pt-grid{grid-template-columns:repeat(3,1fr)}.pt-column{display:contents}.pt-column-header{grid-column:1 / -1;margin-top:.5rem}.pt-column:first-child .pt-column-header{margin-top:0}}@media(max-width:640px){.pt-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.pt-card{min-height:110px;padding:.6rem .4rem}.pt-card-symbol{font-size:1.4rem}.pt-card-name{font-size:.7rem}.pt-filter-bar{padding:.5rem;gap:.4rem}.pt-filter{flex:1 1 calc(50% - .4rem);min-width:0}.pt-filter-button{padding:.45rem .7rem;font-size:.8rem;width:100%;justify-content:space-between}.pt-filter-dropdown{min-width:0;width:100%;max-width:calc(100vw - 2rem)}.pt-reset-button{flex:1 1 100%;text-align:center}.pt-modal{max-width:100vw;width:100vw;max-height:100vh;height:100vh;margin:0;border-radius:0}.pt-modal-header{padding:.85rem 1rem}.pt-modal-body{padding:1rem}.pt-modal-footer{padding:.85rem 1rem;flex-direction:column;align-items:stretch}.pt-modal-cta{text-align:center;width:100%}}@media(max-width:380px){.pt-grid{grid-template-columns:1fr}.pt-card{min-height:90px}.pt-filter{flex:1 1 100%}}.pt-tabs{display:flex;gap:1.5rem;border-bottom:1px solid rgba(0,0,0,.08);margin:0 0 1.25rem;padding:0 .5rem;max-width:1280px;margin-left:auto;margin-right:auto}.pt-tab{background:none;border:none;padding:.75rem .25rem;font:inherit;font-size:.95rem;color:#475569;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:.5rem}.pt-tab[aria-selected=true]{color:#0f172a;border-bottom-color:#0f172a;font-weight:500}.pt-tab:focus-visible{outline:2px solid #0f172a;outline-offset:2px;border-radius:4px}.pt-tab-new-badge{display:inline-block;background:#fef3c7;color:#92400e;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:10px;letter-spacing:.02em}.pt-panel[hidden]{display:none!important}html.pt-tab-designs .pt-filter-bar,html.pt-tab-designs .pt-hint-bar{display:none}.pt-panel-designs{max-width:1280px;margin:0 auto;padding:0 1rem 3rem}.pt-presets-heading{margin:0 0 1.25rem;font-size:1.25rem;font-weight:600;color:#0f172a}.pt-presets-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.pt-presets-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.pt-presets-grid{grid-template-columns:1fr 1fr 1fr}}.pt-preset{display:contents}.pt-preset-card{display:block;text-align:left;width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:1rem 1.1rem;font:inherit;cursor:pointer;transition:background .15s ease}.pt-preset-card:hover{background:#f8fafc}.pt-preset-card:focus-visible{outline:2px solid #0f172a;outline-offset:2px}.pt-preset-title{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;color:#0f172a}.pt-preset-task{margin:0 0 .75rem;font-size:.9rem;color:#475569;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pt-preset-chain{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:.35rem}.pt-preset-chain-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;padding:0 .4rem;background:#fff;border:1.5px solid var(--chain-color, #64748b);border-radius:6px;font-weight:600;font-size:.85rem;color:#0f172a}.pt-preset-chain-symbol[data-group=understand]{--chain-color: var(--pt-group-understand)}.pt-preset-chain-symbol[data-group=generate]{--chain-color: var(--pt-group-generate)}.pt-preset-chain-symbol[data-group=validate]{--chain-color: var(--pt-group-validate)}.pt-preset-chain-symbol[data-group=measure]{--chain-color: var(--pt-group-measure)}.pt-preset-chain-symbol[data-group=analyze]{--chain-color: var(--pt-group-analyze)}.pt-preset-chain-arrow{color:#94a3b8;font-size:.9rem}.pt-preset-chain-names{font-size:.8rem;color:#64748b}.pt-preset-expanded{grid-column:1 / -1;background:#f8fafc;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:1.25rem 1.5rem;margin-top:.25rem}.pt-preset-expanded[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){.pt-preset-expanded{animation:pt-preset-expand .25s ease}}@keyframes pt-preset-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pt-preset-expanded-header{display:flex;justify-content:space-between;align-items:baseline}.pt-preset-expanded-title{margin:0;font-size:1.15rem;color:#0f172a}.pt-preset-expanded-task{margin:.5rem 0 0;color:#334155;line-height:1.5}.pt-preset-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#64748b;padding:.25rem .5rem}.pt-preset-close:hover{color:#0f172a}.pt-preset-close:focus-visible{outline:2px solid #0f172a;outline-offset:2px}.pt-preset-section-heading{margin:1.25rem 0 .5rem;font-size:.95rem;font-weight:600;color:#334155}.pt-preset-methods{margin:0;padding:0;list-style:none}.pt-preset-method-item{margin:0 0 .5rem}.pt-preset-method-row{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;gap:.25rem .75rem;align-items:center;width:100%;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:.75rem 1rem;font:inherit;text-align:left;cursor:pointer}.pt-preset-method-row:hover{background:#f1f5f9}.pt-preset-method-row:focus-visible{outline:2px solid #0f172a;outline-offset:2px}.pt-preset-method-step{grid-row:1 / span 2;font-size:1rem;font-weight:600;color:#64748b}.pt-preset-method-symbol{grid-row:1;min-width:1.9rem;height:1.9rem;padding:0 .4rem;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--chain-color, #64748b);border-radius:6px;font-weight:600;font-size:.85rem;color:#0f172a}.pt-preset-method-symbol[data-group=understand]{--chain-color: var(--pt-group-understand)}.pt-preset-method-symbol[data-group=generate]{--chain-color: var(--pt-group-generate)}.pt-preset-method-symbol[data-group=validate]{--chain-color: var(--pt-group-validate)}.pt-preset-method-symbol[data-group=measure]{--chain-color: var(--pt-group-measure)}.pt-preset-method-symbol[data-group=analyze]{--chain-color: var(--pt-group-analyze)}.pt-preset-method-name{grid-row:1;font-weight:500;color:#0f172a}.pt-preset-method-rationale{grid-column:2 / -1;grid-row:2;font-size:.88rem;color:#475569;line-height:1.45}.pt-preset-deliverables{margin:0;color:#334155;line-height:1.5}.pt-preset-pitfalls{margin:0;padding-left:1.25rem;color:#334155}.pt-preset-pitfalls li{margin-bottom:.35rem;line-height:1.45}