.page-actions{display:none}.prompt-templates-browser *,.prompt-templates-browser *:before,.prompt-templates-browser *:after{box-sizing:border-box}.prompt-templates-browser{width:calc(100% + 8rem);margin-left:-4rem;max-width:none;display:flex;flex-direction:column;gap:var(--space-l)}.prompt-templates-controls{display:flex;flex-direction:column;gap:var(--space-m)}.prompt-templates-search-row{display:flex;align-items:center;gap:var(--space-s)}.prompt-templates-search{position:relative;flex:1}.prompt-templates-search-icon{position:absolute;left:var(--space-s);top:50%;transform:translateY(-50%);color:var(--sl-color-gray-3);pointer-events:none}.prompt-templates-search-input{width:100%;padding:var(--space-s) var(--space-s) var(--space-s) var(--space-xl);font-size:var(--font-size-text-md);font-family:var(--sl-font, var(--sl-font-system));background-color:var(--sl-color-gray-7);border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-m);color:var(--sl-color-white);transition:border-color .2s ease}.prompt-templates-search-input::placeholder{color:var(--sl-color-gray-3)}.prompt-templates-search-input:focus{outline:none;border-color:var(--teal-400);box-shadow:0 0 0 1px var(--teal-400)}.prompt-templates-clear-btn{padding:var(--space-xs) var(--space-s);font-size:var(--font-size-text-sm);font-family:var(--sl-font, var(--sl-font-system));background:none;border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-m);color:var(--sl-color-gray-2);cursor:pointer;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.prompt-templates-clear-btn:hover{border-color:var(--sl-color-gray-3);color:var(--sl-color-white)}.prompt-templates-results-meta{display:flex;align-items:center;justify-content:space-between}.prompt-templates-results-count{font-size:var(--font-size-text-sm);color:var(--sl-color-gray-3)}.prompt-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-m)}.prompt-template-card{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:var(--radius-m);padding:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s);transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;position:relative}.prompt-template-card:hover{border-color:var(--teal-400);box-shadow:0 0 0 1px var(--teal-400)}.prompt-template-card:focus-visible{outline:2px solid var(--teal-400);outline-offset:2px}.prompt-template-card--link{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-s)}.prompt-template-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-s)}.prompt-template-card-title{font-size:var(--font-size-display-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);margin:0;color:var(--sl-color-white)}.prompt-template-card-flags{display:flex;gap:4px;flex-shrink:0}.prompt-template-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-s)}.prompt-template-flag--urls{background-color:var(--colorTipLight);color:var(--colorTipText)}.prompt-template-flag--secrets{background-color:var(--colorWarningLight);color:var(--colorWarningText)}.prompt-template-card-prompt{font-size:var(--font-size-text-xs);line-height:1.5;color:var(--sl-color-gray-2);margin:0;font-family:var(--sl-font, var(--sl-font-system));opacity:.85;white-space:pre-wrap;word-break:break-word}.prompt-template-detail{display:flex;flex-direction:column;gap:var(--space-l)}.prompt-template-detail-back{display:inline-flex;align-items:center;gap:var(--space-2xs);font-size:var(--font-size-text-sm);color:var(--sl-color-text-accent);text-decoration:none}.prompt-template-detail-back:hover{text-decoration:underline}.prompt-template-detail-header{display:flex;flex-direction:column;gap:var(--space-s)}.prompt-template-detail-description{font-size:var(--font-size-text-base);color:var(--color-text-secondary, #555);line-height:1.5;margin:0}.prompt-template-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3xs);font-size:var(--font-size-text-sm);color:var(--sl-color-gray-3)}.prompt-template-detail-flags{display:flex;flex-wrap:wrap;gap:var(--space-s)}.prompt-template-detail-prompt-container{position:relative}.prompt-template-prompt-copy-btn{position:absolute;top:var(--space-s);right:var(--space-s);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-s);color:var(--sl-color-gray-3);cursor:pointer;transition:all .15s ease;z-index:1}.prompt-template-prompt-copy-btn:hover{background-color:var(--sl-color-gray-5);border-color:var(--teal-400);color:var(--sl-color-white)}.prompt-template-prompt-copy-btn--success{border-color:var(--green-400, #4ade80);color:var(--green-400, #4ade80)}.prompt-template-detail-prompt{background-color:var(--sl-color-gray-7);padding:var(--space-l);padding-right:calc(var(--space-l) + 40px);border-radius:var(--radius-m);border:1px solid var(--sl-color-gray-5);font-family:var(--sl-font-mono, var(--sl-font-system-mono));font-size:var(--font-size-text-sm);line-height:1.7;white-space:pre-wrap;word-break:break-word;color:var(--sl-color-gray-2)}.prompt-template-detail-variables{display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-l);background-color:var(--sl-color-gray-7);border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-m)}.prompt-template-detail-variables-title{font-size:var(--font-size-text-md);font-weight:var(--font-weight-bold);color:var(--sl-color-white);margin:0}.prompt-template-detail-actions{display:flex;align-items:center;gap:var(--space-s)}.prompt-template-card-variables{display:flex;flex-direction:column;gap:var(--space-s)}.prompt-template-card-variables-label{font-size:var(--font-size-text-xs);font-weight:var(--font-weight-bold);color:var(--sl-color-gray-3);text-transform:uppercase;letter-spacing:.05em}.prompt-template-card-variables-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-s)}.prompt-template-variable-field{display:flex;flex-direction:column;gap:var(--space-3xs)}.prompt-template-variable-label{display:flex;align-items:center;gap:4px;font-size:var(--font-size-text-xs);font-family:var(--sl-font-mono, var(--sl-font-system-mono));color:var(--sl-color-text-accent)}.prompt-template-variable-description{margin:2px 0 0;font-size:var(--font-size-text-xs);color:var(--sl-color-gray-3);line-height:1.4}.prompt-template-variable-required{color:var(--red-400, #ef4444)}.prompt-template-variable-input{width:100%;padding:var(--space-xs) var(--space-s);font-size:var(--font-size-text-sm);font-family:var(--sl-font, var(--sl-font-system));background-color:var(--sl-color-gray-7);border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-s);color:var(--sl-color-white);transition:border-color .15s ease}.prompt-template-variable-input::placeholder{color:var(--sl-color-gray-4)}.prompt-template-variable-input:focus{outline:none;border-color:var(--teal-400);box-shadow:0 0 0 1px var(--teal-400)}.prompt-template-card-flags-detail{display:flex;flex-wrap:wrap;gap:var(--space-s)}.prompt-template-flag-detail{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-text-xs);color:var(--sl-color-gray-3)}.prompt-template-card-actions{display:flex;align-items:center;gap:var(--space-s);padding-top:var(--space-s);border-top:1px solid var(--sl-color-gray-6)}.prompt-template-action-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--space-xs) var(--space-m);font-size:var(--font-size-text-sm);font-family:var(--sl-font, var(--sl-font-system));font-weight:var(--font-weight-semibold, 600);border-radius:var(--radius-m);cursor:pointer;transition:all .15s ease;white-space:nowrap}.prompt-template-action-btn--copy{background:none;border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2)}.prompt-template-action-btn--copy:hover{border-color:var(--teal-400);color:var(--sl-color-white)}.prompt-template-action-btn--copy-success{border-color:var(--green-400, #4ade80);color:var(--green-400, #4ade80)}.prompt-template-action-btn--run{background-color:var(--teal-400);border:1px solid var(--teal-400);color:var(--neutral-900, #060b10)}.prompt-template-action-btn--run:hover{background-color:var(--teal-300, #5ce6e2);border-color:var(--teal-300, #5ce6e2)}:root[data-theme=light] .prompt-template-action-btn--run{background-color:var(--teal-700, #0a6b68);border-color:var(--teal-700, #0a6b68);color:#fff}:root[data-theme=light] .prompt-template-action-btn--run:hover{background-color:var(--teal-600, #0d7d79);border-color:var(--teal-600, #0d7d79)}.prompt-template-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3xs);font-size:var(--font-size-text-xs);color:var(--sl-color-gray-3)}.prompt-template-card-separator{opacity:.5}.prompt-templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-l);text-align:center;gap:var(--space-s)}.prompt-templates-empty-title{font-size:var(--font-size-display-xs);font-weight:var(--font-weight-bold);color:var(--sl-color-white);margin:0}.prompt-templates-empty-desc{font-size:var(--font-size-text-md);color:var(--sl-color-gray-3);margin:0}.prompt-templates-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding-top:var(--space-l);border-top:1px solid var(--sl-color-hairline)}.prompt-templates-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3xs);min-width:110px;padding:var(--space-xs) var(--space-s);font-size:var(--font-size-text-sm);font-family:var(--sl-font, var(--sl-font-system));background:none;border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-m);color:var(--sl-color-gray-2);cursor:pointer;transition:border-color .15s ease,color .15s ease}.prompt-templates-page-btn:hover:not(:disabled){border-color:var(--teal-400);color:var(--sl-color-white)}.prompt-templates-page-btn:disabled{opacity:.4;cursor:not-allowed}.prompt-templates-page-numbers{display:flex;align-items:center;gap:2px}.prompt-templates-page-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:var(--font-size-text-sm);font-family:var(--sl-font, var(--sl-font-system));background:none;border:1px solid transparent;border-radius:var(--radius-m);color:var(--sl-color-gray-2);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.prompt-templates-page-number:hover:not(.prompt-templates-page-number--active){background-color:var(--sl-color-gray-6);color:var(--sl-color-white)}.prompt-templates-page-number--active{background-color:var(--teal-900, #0a2e2e);border-color:var(--teal-400);color:var(--teal-200, #5ce6e0)}:root[data-theme=light] .prompt-templates-page-number--active{background-color:var(--teal-000, #e6fffe);border-color:var(--teal-600, #0d7d79);color:var(--teal-800, #063b3a)}@media(max-width:640px){.prompt-templates-browser{width:100%;margin-left:0}.prompt-templates-search-row{flex-direction:column;align-items:stretch}.prompt-templates-pagination{flex-wrap:wrap;justify-content:center}.prompt-template-detail-actions{flex-direction:column}.prompt-template-detail-actions .prompt-template-action-btn{width:100%;justify-content:center}}