.prompt-builder .prompt-grid{gap:var(--space-4);grid-template-columns:minmax(250px,310px) minmax(0,1fr) minmax(320px,410px);align-items:start;display:grid}.prompt-builder .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.prompt-builder .template-panel{top:calc(64px + var(--space-3));position:sticky}.prompt-builder .workspace-column{gap:var(--space-4);min-width:0;display:grid}.prompt-builder .preview-pane{top:calc(64px + var(--space-3));align-self:start;position:sticky}.prompt-builder .panel-head,.prompt-builder .preview-head,.prompt-builder .action-row,.prompt-builder .preview-actions{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.prompt-builder .panel-head.compact{align-items:flex-start}.prompt-builder .template-panel .panel-head{margin-bottom:var(--space-3)}.prompt-builder .selected-panel{padding:0}.prompt-builder .selected-accordion-summary{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-4);list-style:none;display:flex}.prompt-builder .selected-accordion-summary::-webkit-details-marker{display:none}.prompt-builder .selected-summary-copy{min-width:0}.prompt-builder .selected-summary-copy h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-builder .selected-summary-side{align-items:center;gap:var(--space-2);flex:none;display:flex}.prompt-builder .accordion-indicator{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);width:10px;height:10px;transition:transform var(--transition), border-color var(--transition);display:inline-block;position:relative;transform:rotate(45deg)translateY(-2px)}.prompt-builder .selected-accordion-summary:hover .accordion-indicator{border-color:var(--accent-text)}.prompt-builder .selected-panel[open] .accordion-indicator{transform:rotate(225deg)translateY(-2px)}.prompt-builder .selected-panel[open] .selected-accordion-summary{border-bottom:1px solid var(--border)}.prompt-builder .selected-source-wrap{padding:var(--space-4)}.prompt-builder .panel-kicker,.prompt-builder .template-source-label{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.prompt-builder h2{font-size:var(--text-lg);letter-spacing:0;margin:0}.prompt-builder .count-pill{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding:0}.prompt-builder .field-label,.prompt-builder .blank-field label{margin:0 0 var(--space-2);color:var(--text);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.prompt-builder .text-input,.prompt-builder .text-area,.prompt-builder .blank-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;font-size:var(--text-base);padding:var(--space-2) var(--space-3)}.prompt-builder .text-area,.prompt-builder .blank-field textarea{resize:vertical;line-height:var(--leading-body)}.prompt-builder .template-list{gap:var(--space-1);margin:var(--space-3) 0;max-height:min(58vh,640px);padding-right:var(--space-1);display:grid;overflow:auto}.prompt-builder .template-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:var(--space-2) var(--space-3);cursor:pointer;transition:border-color var(--transition), background var(--transition)}.prompt-builder .template-item:hover,.prompt-builder .template-item.is-active{border-color:var(--accent-text);background:color-mix(in srgb, var(--accent) 12%, var(--bg))}.prompt-builder .template-copy h3{color:var(--text);font-size:1.1875rem;font-weight:var(--weight-semibold);letter-spacing:0;margin:0;line-height:1.25}.prompt-builder .template-item.is-active .template-copy h3{color:var(--accent-text)}.prompt-builder .template-copy{column-gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;row-gap:4px;min-width:0;display:grid}.prompt-builder .template-copy h3{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;grid-column:1/-1;display:-webkit-box;overflow:hidden}.prompt-builder .template-meta{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-normal);opacity:.64;grid-column:1;align-items:center;gap:6px;margin:0;display:inline-flex}.prompt-builder .slot-count-dot{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);width:16px;height:16px;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;background:0 0;border-radius:999px;place-items:center;line-height:1;display:inline-grid}.prompt-builder .template-item.is-active .slot-count-dot{border-color:color-mix(in srgb, var(--border) 70%, transparent);color:var(--text-muted);background:0 0}.prompt-builder .template-actions{grid-column:2;justify-self:end;align-items:center;gap:2px;display:flex}.prompt-builder .btn-outline,.prompt-builder .btn-ghost,.prompt-builder .btn-primary-tool{border-radius:var(--radius-sm);border:1px solid var(--border-strong);min-height:44px;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.prompt-builder .icon-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:.28;transition:opacity var(--transition), background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.prompt-builder .icon-btn svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:13px;height:13px}.prompt-builder .icon-btn:hover{opacity:1;background:var(--surface-2);border-color:var(--accent-text);color:var(--accent-text)}.prompt-builder .icon-btn:focus-visible{opacity:1}.prompt-builder .icon-btn.danger:hover{border-color:var(--border-strong);color:var(--text)}.prompt-builder .btn-outline,.prompt-builder .btn-ghost{background:var(--bg);color:var(--text);padding:var(--space-2) var(--space-3)}.prompt-builder .btn-outline.full{width:100%}.prompt-builder .btn-outline:hover,.prompt-builder .btn-ghost:hover{background:var(--surface-2);border-color:var(--accent-text)}.prompt-builder .btn-primary-tool{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);padding:var(--space-2) var(--space-4)}.prompt-builder button:disabled{cursor:not-allowed;opacity:.48}.prompt-builder .template-source,.prompt-builder .prompt-preview-output{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit;line-height:var(--leading-body);margin:0}.prompt-builder .template-source{max-height:220px;padding:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);overflow:auto}.prompt-builder .blank-form{gap:var(--space-3);display:grid}.prompt-builder .blank-field{gap:var(--space-1);display:grid}.prompt-builder .empty-note,.prompt-builder .editor-note{color:var(--text-muted);font-size:var(--text-sm);margin:0}.prompt-builder .editor-grid{gap:var(--space-3);margin-top:var(--space-3);display:grid}.prompt-builder .template-dialog{border-radius:var(--radius-md);width:min(720px,100% - 32px);max-height:min(760px,100dvh - 32px);color:var(--text);background:0 0;border:0;padding:0}.prompt-builder .template-dialog::backdrop{backdrop-filter:blur(6px);background:#0f1214a8}.prompt-builder .dialog-card{gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-height:min(760px,100dvh - 32px);padding:var(--space-4);display:grid;overflow:auto;box-shadow:0 24px 80px #00000052}.prompt-builder .dialog-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.prompt-builder .dialog-close{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);width:44px;min-height:44px;color:var(--text-muted);cursor:pointer;font:inherit;font-weight:var(--weight-semibold);flex:none;place-items:center;display:inline-grid}.prompt-builder .dialog-close:hover{border-color:var(--accent-text);color:var(--accent-text)}.prompt-builder .template-dialog .text-area{min-height:260px}.prompt-builder .field.span{min-width:0}.prompt-builder .editor-note{min-height:1.4em;margin-top:var(--space-2);color:var(--accent-text)}.prompt-builder .action-row{margin-top:var(--space-3);flex-wrap:wrap;justify-content:flex-start}.prompt-builder .preview-card{gap:var(--space-3);display:grid}.prompt-builder .prompt-preview-output{min-height:460px;max-height:calc(100vh - 280px);padding:var(--space-4);color:#e8eaec;background:#0f1214;border-color:#2a3036;overflow:auto;box-shadow:inset 0 1px #ffffff0a}.prompt-builder .preview-filled,.prompt-builder .preview-blank{box-decoration-break:clone;border-radius:4px;padding:0 3px}.prompt-builder .preview-filled{color:#d8ffc4;background:#9fe8702e}.prompt-builder .preview-blank{color:#9de2ff;font-weight:var(--weight-semibold);background:#78d7ff29}.prompt-builder .preview-actions{flex-wrap:wrap;justify-content:flex-start}@media (width<=1180px){.prompt-builder .prompt-grid{grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.prompt-builder .preview-pane{grid-column:2;position:static}.prompt-builder .template-panel{top:var(--space-3)}.prompt-builder .prompt-preview-output{min-height:320px;max-height:none}}@media (width<=900px){.prompt-builder .prompt-grid{grid-template-columns:1fr}.prompt-builder .template-panel,.prompt-builder .preview-pane{grid-column:auto;position:static}.prompt-builder .template-list{max-height:none}}@media (width<=640px){.prompt-builder .panel-head,.prompt-builder .selected-accordion-summary,.prompt-builder .preview-head{flex-direction:column;align-items:flex-start}.prompt-builder .selected-summary-side{justify-content:space-between;width:100%}}