:root{--coral-500: #ff5c4b;--coral-600: #ff4532;--coral-300: #ff9f94;--coral-100: #ffd0d0;--green-500: #2bb673;--green-100: #b7f5d7;--ink-900: #090a0c;--ink-800: #0f1117;--ink-700: #14161a;--ink-600: #1a1c23;--ink-500: #1f2229;--ink-400: #2e333d;--slate-400: #404654;--slate-300: #69748c;--slate-200: #abb1bf;--slate-100: #d6d9e0;--paper-50: #f9fafb;--paper-100: #f3f4f6;--white: #ffffff;--bg-app: var(--ink-800);--bg-surface: var(--ink-700);--bg-surface-2: var(--ink-600);--bg-elevated: var(--ink-500);--bg-code: var(--ink-900);--text-primary: var(--paper-50);--text-secondary: var(--slate-200);--text-tertiary: #7c8699;--text-inverse: var(--ink-900);--text-on-accent: var(--white);--border-subtle: var(--ink-400);--border-strong: var(--slate-400);--border-focus: var(--coral-500);--accent: var(--coral-500);--accent-hover: var(--coral-300);--accent-active: var(--coral-600);--accent-soft: rgba(255, 92, 75, .12);--accent-border: rgba(255, 92, 75, .48);--accent-glow: rgba(255, 92, 75, .24);--success: var(--green-500);--success-soft: rgba(43, 182, 115, .16);--warning: #e0a83a;--warning-soft: rgba(224, 168, 58, .14);--danger: #ff5c5c;--danger-soft: rgba(255, 92, 92, .14);--role-free: var(--slate-300);--role-donor: var(--coral-500);--role-admin: var(--green-500);--font-sans: "Sora", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: clamp(2.25rem, 5vw, 4rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.35;--leading-normal: 1.55;--tracking-tight: -.02em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--shadow-focus: 0 0 0 3px var(--accent-glow);--shadow-accent: 0 8px 28px var(--accent-glow);--border-width: 1px;--container-max: 1440px;--content-guided-max: 920px;--control-min-height-multiline: 104px;--control-guided-min-height: 152px;--control-guided-max-height: 360px;--action-grid-min: 180px;--menu-max-width: 280px;--tooltip-max-width: 280px;--z-tooltip: 40;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s}[data-theme=light]{--bg-app: var(--paper-100);--bg-surface: var(--white);--bg-surface-2: #f1f3f6;--bg-elevated: var(--white);--bg-code: #14161a;--text-primary: #14161a;--text-secondary: #404654;--text-tertiary: #616b81;--text-inverse: var(--white);--border-subtle: #e2e6ec;--border-strong: #cbd2dc;--accent-soft: rgba(255, 92, 75, .1);--accent-border: rgba(255, 92, 75, .42);--shadow-sm: 0 1px 2px rgba(15, 17, 23, .08);--shadow-md: 0 6px 20px rgba(15, 17, 23, .1);--shadow-lg: 0 16px 48px rgba(15, 17, 23, .14)}*{box-sizing:border-box}:root{color-scheme:dark;color:var(--text-primary);background:var(--bg-app);font-family:var(--font-sans);font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-app);color:var(--text-primary);line-height:var(--leading-normal);background-image:radial-gradient(900px 480px at 88% -8%,var(--accent-soft),transparent 70%),radial-gradient(700px 420px at -6% 6%,rgba(43,182,115,.06),transparent 70%);background-attachment:fixed}h1,h2,h3,h4{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary)}p{line-height:var(--leading-normal)}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-soft);color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--slate-300);background-clip:padding-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-shell{width:min(var(--container-max),100%);margin:0 auto;padding:var(--space-6);display:grid;gap:var(--space-4)}.app-shell>*{min-width:0}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) 0;padding:var(--space-4) var(--space-6);background:color-mix(in srgb,var(--bg-app) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:var(--border-width) solid var(--border-subtle)}.app-header .brand{display:flex;align-items:center;gap:var(--space-3)}.app-header .brand-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--coral-500),var(--coral-600));color:var(--white);font-weight:var(--weight-bold);box-shadow:var(--shadow-accent)}.app-header .brand-eyebrow{margin:0;color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.app-header h1{margin:0;font-size:var(--text-xl);line-height:var(--leading-tight)}.app-header .header-aside{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-width:0}.app-header .header-tagline{max-width:320px;color:var(--text-tertiary);font-size:var(--text-sm);text-align:right}.workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:var(--space-5);align-items:start}.form-stack,.side-stack{display:grid;gap:var(--space-4);min-width:0}.section-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.section-nav button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:38px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-weight:var(--weight-medium);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.section-nav button:hover{background:var(--bg-surface-2);color:var(--text-primary)}.section-nav button.active{background:var(--accent-soft);color:var(--accent)}.section-nav .nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.section-nav .tier-badge{display:inline-grid;place-items:center;height:18px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--weight-semibold);letter-spacing:.03em;text-transform:uppercase}.section-nav .tier-badge--pro{background:var(--accent-soft);color:var(--accent)}.section-nav .tier-badge--admin{background:var(--warning-soft);color:var(--warning)}.section-panels{display:grid;gap:var(--space-4)}@media(max-width:1024px){.workspace{grid-template-columns:1fr}.preview-jump{display:inline-flex}}@media(max-width:768px){.app-shell{padding:var(--space-4);gap:var(--space-3)}.app-header{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;padding:var(--space-3) var(--space-4);flex-wrap:wrap}.app-header .header-tagline{display:none}}@media(max-width:480px){.app-header{align-items:stretch;flex-direction:column}.app-header .header-aside{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;gap:var(--space-2);width:100%}.app-header .header-aside>button:not(.icon-only){min-width:0;padding-inline:var(--space-3)}.app-header .command-trigger kbd{display:none}}.panel,.toolbar,.refinement-panel,.auth-panel,.extra-blocks,.block-editor,.preview-panel,.saved-prompts,.integration-panel,.provider-key-panel,.admin-panel,.account-panel,.custom-framework-panel,.library-portability-panel,.onboarding-panel,.prompt-pack-panel,.quality-lab-panel,.template-panel,.template-variables-panel,.version-history-panel{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel__header h2,.panel__header h3{margin:0;font-size:var(--text-lg)}.panel__body{display:grid;gap:var(--space-3)}.toolbar,.refinement-panel,.auth-panel{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:var(--space-4);align-items:end}.refinement-panel{grid-template-columns:minmax(160px,220px) minmax(160px,220px) minmax(220px,1fr) minmax(220px,1fr) auto}.auth-panel{grid-template-columns:auto minmax(180px,1fr) minmax(160px,1fr) auto}.auth-panel>div:first-child{display:grid;gap:var(--space-1)}.auth-panel strong{color:var(--text-primary)}.auth-panel span{color:var(--text-tertiary);font-size:var(--text-sm)}.saved-prompts,.integration-panel,.provider-key-panel,.admin-panel,.account-panel,.custom-framework-panel,.library-portability-panel,.onboarding-panel,.prompt-pack-panel,.quality-lab-panel,.template-panel,.template-variables-panel,.version-history-panel{display:grid;gap:var(--space-4)}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.onboarding-panel{display:grid;gap:var(--space-3);padding:var(--space-4);border-color:color-mix(in srgb,var(--accent) 50%,var(--border-strong));background:linear-gradient(180deg,var(--accent-soft),transparent 55%),var(--bg-elevated);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow-md)}.onboarding-panel__heading h2{color:var(--accent);letter-spacing:-.01em}.onboarding-panel__heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.onboarding-panel__heading h2,.onboarding-panel__heading p{margin:0}.onboarding-panel__heading p{color:var(--text-tertiary);font-size:var(--text-sm)}.trust-notice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-sm)}.trust-notice__item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:center;min-width:0;padding:var(--space-2) var(--space-3)}.trust-notice__item+.trust-notice__item{border-left:var(--border-width) solid var(--border-subtle)}.trust-notice__item svg{flex:0 0 auto;color:var(--success);opacity:.9}.trust-notice__item div{display:grid;gap:var(--space-1)}.trust-notice__item strong{color:var(--text-primary);font-size:var(--text-sm)}.trust-notice__item span{color:var(--text-tertiary);font-size:var(--text-xs);line-height:var(--leading-normal)}.trust-notice--compact{display:block;padding:0;border:0;background:transparent;box-shadow:none}.trust-notice--compact>summary{display:flex;align-items:center;gap:var(--space-2);width:fit-content;min-height:var(--space-10);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;list-style:none}.trust-notice--compact>summary::-webkit-details-marker{display:none}.trust-notice--compact>summary:hover{background:var(--bg-surface-2);color:var(--text-primary)}.trust-notice--compact>summary svg{color:var(--success)}.trust-notice--compact>summary strong{color:inherit;font-size:var(--text-sm)}.trust-notice--compact>summary span{color:var(--text-tertiary);font-size:var(--text-xs)}.trust-notice--compact .trust-notice__details{display:grid;margin-top:var(--space-2);overflow:hidden;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.trust-notice--compact .trust-notice__item+.trust-notice__item{border-top:var(--border-width) solid var(--border-subtle);border-left:0}.onboarding-panel__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.onboarding-action{display:flex;align-items:flex-start;gap:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-3);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.onboarding-action:hover,.onboarding-action:focus-visible{border-color:var(--border-focus);background:var(--bg-surface-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.onboarding-action:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.onboarding-action svg{flex:0 0 auto;color:var(--accent)}.onboarding-action span{display:grid;gap:var(--space-1)}.onboarding-action small{color:var(--text-tertiary);font-size:var(--text-xs)}.onboarding-tour-disclosure{border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-2)}.onboarding-tour-disclosure>summary{display:flex;align-items:center;gap:var(--space-2);list-style:none;cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.onboarding-tour-disclosure>summary::-webkit-details-marker{display:none}.onboarding-tour-disclosure>summary:after{content:"";width:7px;height:7px;margin-left:var(--space-1);border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);transform:rotate(45deg);transition:transform var(--dur-base) var(--ease-out)}.onboarding-tour-disclosure[open]>summary:after{transform:rotate(-135deg)}.onboarding-tour-disclosure__hint{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-regular)}.onboarding-tour{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none}.onboarding-tour li{display:grid;gap:var(--space-1);min-width:0;border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-2)}.onboarding-tour strong{color:var(--text-primary);font-size:var(--text-sm)}.onboarding-tour span{color:var(--text-tertiary);font-size:var(--text-xs);line-height:var(--leading-snug)}.account-section{display:grid;gap:var(--space-3)}.account-section h3{margin:0;font-size:var(--text-base)}.panel-subtitle{margin:var(--space-1) 0 0;color:var(--text-tertiary);font-size:var(--text-sm)}.plan-badge,.entitlement-chip,.limit{display:inline-flex;align-items:center;gap:var(--space-2);min-height:30px;width:fit-content;padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.plan-badge{text-transform:uppercase}.plan-badge--pro,.plan-badge--admin,.limit.enabled{border-color:var(--success);background:var(--success-soft);color:var(--success)}.plan-badge--free,.limit.disabled{color:var(--text-tertiary)}.entitlement-list,.limit-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.entitlement-chip small{color:var(--text-tertiary);font-size:var(--text-xs)}.install-heading,.copy-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mcp-auth-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:var(--space-3);align-items:end}.mcp-client-list{display:grid;gap:var(--space-2)}.billing-panel{border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-4)}.billing-plan-list,.billing-receipt-list{display:grid;gap:var(--space-2)}.inline-validation{display:grid;gap:var(--space-1);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2)}.inline-validation strong,.inline-validation span{overflow-wrap:anywhere}.inline-validation span{color:var(--text-tertiary);font-size:var(--text-sm)}.inline-validation.success{border-color:var(--success);background:var(--success-soft)}.inline-validation.warning{border-color:var(--warning);background:var(--warning-soft)}.billing-plan-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0;padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2)}.billing-plan-row div{display:grid;gap:var(--space-1);min-width:0}.billing-plan-row strong,.billing-plan-row span{overflow-wrap:anywhere}.billing-plan-row span{color:var(--text-tertiary);font-size:var(--text-sm)}.mcp-client-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2)}.mcp-client-row div{display:grid;gap:var(--space-1);min-width:0}.mcp-client-row strong,.mcp-client-row span{overflow-wrap:anywhere}.mcp-client-row span{color:var(--text-tertiary);font-size:var(--text-sm)}.copy-row code,.config-snippet{min-width:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-code);color:var(--paper-50);font-family:var(--font-mono);font-size:var(--text-sm)}.copy-row code{flex:1;overflow:auto;padding:var(--space-3)}.config-snippet{overflow:auto;margin:0;padding:var(--space-4);white-space:pre}.team-workspace-panel{border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-4)}.team-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.team-create-grid,.team-add-member{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.2fr) auto;gap:var(--space-3);align-items:end}.team-workspace-layout{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.4fr);gap:var(--space-3);align-items:start}.team-workspace-list,.team-member-list,.team-shared-list{display:grid;gap:var(--space-2)}.team-workspace-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3);color:var(--text-primary);text-align:left}.team-workspace-item.active,.team-workspace-item:hover,.team-workspace-item:focus-visible{border-color:var(--border-focus);background:var(--accent-soft)}.team-workspace-item span:first-child{display:grid;gap:var(--space-1);min-width:0}.team-workspace-item strong,.team-member-row strong,.team-member-row span,.team-shared-row strong,.team-shared-row span,.team-member-header h4,.team-member-header p,.team-shared-header h4,.team-shared-header p{overflow-wrap:anywhere}.team-workspace-item small,.team-member-row span,.team-member-header p,.team-shared-row span,.team-shared-header p{color:var(--text-tertiary);font-size:var(--text-xs)}.team-member-panel{display:grid;gap:var(--space-3);min-width:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3)}.team-member-header,.team-shared-header,.team-member-row,.team-shared-row,.team-member-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.team-member-header h4,.team-member-header p,.team-shared-header h4,.team-shared-header p{margin:0}.team-member-row,.team-shared-row{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-3)}.team-member-row>div:first-child,.team-shared-row>div:first-child{display:grid;gap:var(--space-1);min-width:0}.team-member-controls select,.team-add-member select{min-height:40px}.team-shared-prompts{display:grid;gap:var(--space-3);border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-3)}.team-share-prompt{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:var(--space-3);align-items:end}@media(max-width:768px){.account-grid{grid-template-columns:1fr}.install-heading,.copy-row,.mcp-client-row,.team-member-header,.team-member-row,.team-shared-header,.team-shared-row,.team-member-controls{align-items:stretch;flex-direction:column}.mcp-auth-row,.team-create-grid,.team-add-member,.team-share-prompt,.team-workspace-layout{grid-template-columns:1fr}}.integration-panel.locked p{margin:0;color:var(--text-tertiary)}.btn,.segmented button,.ghost,.icon-actions button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);color:var(--text-primary);font-weight:var(--weight-medium);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn:hover,.segmented button:hover,.ghost:hover,.icon-actions button:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.btn:hover:not(:disabled),.ghost:hover:not(:disabled),.btn--ghost:hover:not(:disabled),.primary:hover:not(:disabled),.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active,.segmented button:active,.ghost:active,.icon-actions button:active,.primary:active{transform:translateY(1px)}.primary,.btn--primary{border-color:transparent;background:linear-gradient(135deg,var(--coral-500),var(--coral-600));color:var(--text-on-accent);font-weight:var(--weight-semibold);box-shadow:var(--shadow-accent);padding:0 var(--space-5);min-height:42px}.primary:hover:not(:disabled),.btn--primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-accent),var(--shadow-md)}.btn--sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.ghost,.btn--ghost{background:transparent}.danger{color:var(--danger)}.ghost.danger:hover,.btn--danger:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.icon-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.icon-actions button{width:40px;height:40px;padding:0}.icon-actions button:hover{color:var(--accent);border-color:var(--accent)}.icon-actions .refinement-launcher button{width:auto;height:40px;padding-inline:var(--space-4)}.icon-actions .refinement-launcher__button,.icon-actions .refinement-launcher__button:hover,.icon-actions .refinement-launcher__button:focus-visible{border-color:transparent;background:linear-gradient(135deg,var(--coral-500),var(--coral-600));box-shadow:var(--shadow-accent);color:var(--text-on-accent)}.refinement-launcher__button svg,.preference-save-button svg{flex:0 0 18px;width:18px;height:18px}.icon-actions button.is-confirmed{border-color:var(--success);background:var(--success-soft);color:var(--success)}.icon-actions button.is-confirmed svg{animation:icon-confirm var(--dur-normal) var(--ease-out)}.btn-spinner{animation:btn-spinner-rotate .8s linear infinite}@keyframes icon-confirm{0%{transform:scale(.82);opacity:.58}to{transform:scale(1);opacity:1}}@keyframes btn-spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.icon-actions button.is-confirmed svg,.btn-spinner{animation:none}.btn:hover:not(:disabled),.ghost:hover:not(:disabled),.btn--ghost:hover:not(:disabled),.primary:hover:not(:disabled),.btn--primary:hover:not(:disabled),.onboarding-action:hover,.onboarding-action:focus-visible{transform:none}}.icon-only{display:inline-grid;width:var(--space-10);min-height:var(--space-10);place-items:center;padding:0}.icon-text{display:inline-flex;align-items:center;gap:var(--space-2)}.segmented{display:flex;flex-wrap:wrap;gap:var(--space-2)}.segmented.small button{min-height:34px;padding:var(--space-1) var(--space-3)}.segmented button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold)}.field{display:grid;gap:var(--space-2)}.field label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.field-heading .ghost{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.field label span[aria-label=requerido],.field label span[aria-label=recomendado]{color:var(--accent)}.field p{margin:0;color:var(--text-tertiary);font-size:var(--text-sm);line-height:var(--leading-snug)}.field input,.field select,.field textarea,.field .structured-editor--markdown,.admin-user-item select{width:100%;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);color:var(--text-primary);padding:var(--space-3);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.field input::placeholder,.field textarea::placeholder{color:var(--slate-300)}.field input:hover,.field select:hover,.field textarea:hover,.field .structured-editor--markdown:hover{border-color:var(--border-strong)}.field input:focus,.field select:focus,.field textarea:focus,.field .structured-editor--markdown:focus,.admin-user-item select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus);background:var(--bg-surface)}.field input:disabled,.field textarea:disabled{opacity:.55;cursor:not-allowed}.field textarea{resize:vertical;min-height:var(--control-min-height-multiline);font-family:var(--font-sans);line-height:var(--leading-normal)}.structured-editor--markdown{min-height:var(--control-min-height-multiline);overflow:auto;resize:vertical;white-space:pre-wrap;line-height:var(--leading-normal)}.structured-editor--markdown:empty:before{content:attr(data-placeholder);color:var(--text-tertiary);pointer-events:none}.structured-editor--markdown:empty:not([data-placeholder]):before{content:"Escribe el contenido del prompt"}.builder-shell{display:grid;gap:var(--space-4);min-width:0}.builder-shell--guided{width:min(var(--content-guided-max),100%);margin-inline:auto}.builder-mode-bar,.secondary-tools-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.builder-mode-bar{padding:var(--space-4) 0 var(--space-2)}.builder-mode-bar h2,.secondary-tools-heading h2,.guided-stage__intro h2{margin:0}.builder-mode-bar__eyebrow,.guided-step-label{margin:0 0 var(--space-1);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase}.builder-mode-control{flex:0 0 auto}.secondary-tools-heading>span{color:var(--text-tertiary);font-size:var(--text-xs)}.guided-stage,.guided-review{display:grid;gap:var(--space-5);padding:var(--space-8);border-radius:var(--radius-xl);background:var(--bg-surface)}.guided-stage__intro{display:grid;gap:var(--space-2)}.guided-stage__intro>p{max-width:60ch;margin:0;color:var(--text-secondary)}.guided-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.guided-choice{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--space-16);padding:var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-2);color:var(--text-primary);text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.guided-choice:hover{border-color:var(--border-strong);transform:translateY(calc(var(--space-1) * -.5))}.guided-choice.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-focus)}.guided-choice>svg{flex:0 0 auto;color:var(--accent)}.guided-choice>span{display:grid;gap:var(--space-1)}.guided-choice strong,.guided-choice small{display:block}.guided-choice small{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.guided-stage__actions,.guided-review-actions,.guided-review-more__actions{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);flex-wrap:wrap}.guided-back-link{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;min-height:var(--space-10);padding:0 var(--space-2);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-weight:var(--weight-medium)}.guided-back-link:hover{background:var(--bg-surface-2);color:var(--text-primary)}.guided-stage__error{margin:0;color:var(--danger);font-size:var(--text-sm);font-weight:var(--weight-medium)}.guided-field{display:grid;gap:var(--space-2)}.guided-field textarea,.guided-field .structured-editor{min-height:var(--control-guided-min-height);max-height:var(--control-guided-max-height);font-size:var(--text-lg)}.guided-field .structured-editor--auto-grow,.guided-field .structured-editor__textarea--auto-grow{overflow-y:hidden;resize:none}.guided-field .structured-editor--auto-grow.structured-editor--xml textarea{max-height:var(--control-guided-max-height);resize:none}.guided-review{box-shadow:none}.guided-review .preview-panel{position:static;top:auto;max-height:none;overflow:visible;box-shadow:none}.guided-review-actions .refinement-prominent{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold)}.guided-review-actions .refinement-prominent:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-soft);color:var(--accent-hover);box-shadow:var(--shadow-focus)}.guided-review-more{border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-3)}.guided-review-more summary{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.guided-review-more__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--action-grid-min),1fr));justify-content:flex-start;width:100%;padding-top:var(--space-3)}.guided-review-more__actions>button{width:100%}.secondary-tools-heading{padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-subtle)}@media(max-width:768px){.builder-mode-bar,.secondary-tools-heading{align-items:stretch;flex-direction:column;gap:var(--space-3)}.builder-mode-control .segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guided-stage,.guided-review{padding:var(--space-5)}.guided-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.guided-choice-grid{grid-template-columns:1fr}}@media(max-width:480px){.trust-notice--compact>summary span{display:none}.guided-stage__actions,.guided-review-actions,.guided-review-more__actions{align-items:stretch;flex-direction:column}.guided-stage__actions>button,.guided-review-actions>button,.guided-review-actions .refinement-launcher,.guided-review-actions .refinement-launcher button,.guided-review-more__actions>button,.guided-review-more__actions .refinement-launcher,.guided-review-more__actions .refinement-launcher button{width:100%;justify-content:center}}.structured-editor--markdown h1,.structured-editor--markdown h2,.structured-editor--markdown h3,.structured-editor--markdown h4,.structured-editor--markdown h5,.structured-editor--markdown h6,.structured-editor--markdown p,.structured-editor--markdown ul,.structured-editor--markdown ol,.structured-editor--markdown div{margin:0}.structured-editor--markdown h1,.structured-editor--markdown h2,.structured-editor--markdown h3,.structured-editor--markdown h4,.structured-editor--markdown h5,.structured-editor--markdown h6{margin-block:var(--space-2);font-size:var(--text-lg);line-height:var(--leading-snug)}.structured-editor--markdown ul,.structured-editor--markdown ol{padding-left:var(--space-6)}.structured-editor--markdown strong{color:var(--text-primary);font-weight:var(--weight-bold)}.structured-editor--xml{position:relative;min-height:var(--control-min-height-multiline);border-radius:var(--radius-md);background:var(--bg-surface-2)}.structured-editor--xml pre,.structured-editor--xml textarea{overflow:auto;width:100%;min-height:inherit;margin:0;padding:var(--space-3);border:var(--border-width) solid transparent;white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);-moz-tab-size:2;tab-size:2}.structured-editor--xml pre{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--text-primary);pointer-events:none}.structured-editor--xml textarea{position:relative;background:transparent;caret-color:var(--text-primary);color:transparent;-webkit-text-fill-color:transparent}.field .structured-editor--xml textarea:focus{background:transparent}.structured-editor--xml textarea::selection{background:var(--accent-glow)}.structured-editor__xml-tag{color:var(--warning);font-weight:var(--weight-semibold)}.format-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-2)}.format-toolbar__hint{color:var(--text-tertiary);font-size:var(--text-xs)}.format-toolbar__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1)}.format-toolbar .btn--sm{min-height:var(--space-8);padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.tooltip{position:relative;display:inline-flex;min-width:0}.tooltip__bubble{position:absolute;z-index:var(--z-tooltip);bottom:calc(100% + var(--space-2));left:50%;width:max-content;max-width:min(var(--tooltip-max-width),calc(100vw - var(--space-8)));padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--accent);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow-accent),var(--shadow-md);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-snug);opacity:0;pointer-events:none;transform:translate(-50%,var(--space-1));transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.tooltip--start .tooltip__bubble{left:0;transform:translateY(var(--space-1))}.tooltip--end .tooltip__bubble{right:0;left:auto;transform:translateY(var(--space-1))}.tooltip:hover .tooltip__bubble,.tooltip:focus-within .tooltip__bubble{opacity:1;transform:translate(-50%)}.tooltip--start:hover .tooltip__bubble,.tooltip--start:focus-within .tooltip__bubble,.tooltip--end:hover .tooltip__bubble,.tooltip--end:focus-within .tooltip__bubble{transform:translate(0)}.tooltip.is-dismissed .tooltip__bubble{opacity:0}.field--error input,.field--error textarea,.field--error select,.field--error .structured-editor--markdown{border-color:var(--danger)}.field--warning input,.field--warning textarea,.field--warning select,.field--warning .structured-editor--markdown{border-color:var(--warning)}.field__error{color:var(--danger);font-size:var(--text-sm)}.field__validation{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.field__validation-item{font-size:var(--text-sm);line-height:var(--leading-snug)}.field__validation-item--warning{color:var(--warning)}.field__validation-item--error{color:var(--danger)}.field select,.admin-user-item select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-tertiary) 50%),linear-gradient(135deg,var(--text-tertiary) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-8)}.section-heading,.preview-actions,.block-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section-heading h2,.preview-actions h2{margin:0;font-size:var(--text-lg)}.compact-heading h3,.admin-panel h3{margin:0;font-size:var(--text-base);color:var(--text-secondary)}.active-document-label{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-medium)}.active-document-label--new{background:var(--bg-surface-2);color:var(--text-tertiary)}.active-document-label--local{background:var(--success-soft);color:var(--success)}.active-document-label--backend{background:var(--accent-soft);color:var(--accent)}.active-document-label--workspace{background:var(--warning-soft);color:var(--warning)}.section-heading select{width:min(220px,50%)}.quality-export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3) var(--space-4)}.quality-export-group{display:grid;gap:var(--space-1);justify-items:end}.quality-export-group__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.quality-export-group__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.quality-export-group+.quality-export-group{padding-left:var(--space-4);border-left:var(--border-width) solid var(--border-subtle)}@media(max-width:900px){.quality-export-group+.quality-export-group{padding-left:0;border-left:0}}.oauth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--bg-canvas)}.oauth-consent{width:min(680px,100%);display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-lg)}.oauth-consent h1{margin:0;font-size:var(--text-2xl)}.oauth-consent-section{display:grid;gap:var(--space-4)}.callout{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2)}.metadata-list{display:grid;gap:var(--space-2);margin:0}.metadata-list div{display:grid;grid-template-columns:minmax(110px,.35fr) 1fr;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.metadata-list dt{color:var(--text-tertiary);font-size:var(--text-sm)}.metadata-list dd{margin:0;overflow-wrap:anywhere}.quality-comparison-controls{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:var(--space-3);align-items:end}.extra-block-picker{width:min(260px,100%)}.extra-blocks{display:grid;gap:var(--space-3)}.block-editor{background:var(--bg-surface-2);border-color:var(--border-subtle)}.block-row{align-items:end}.block-row .field{flex:1}.preview-panel{position:sticky;top:calc(var(--space-16) + var(--space-2));display:grid;gap:var(--space-4);border-color:var(--border-strong);box-shadow:var(--shadow-md);max-height:calc(100vh - var(--space-16) - var(--space-6));overflow:hidden}.prompt-output{min-height:460px;max-height:64vh;overflow:auto;margin:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-code);color:var(--slate-100);padding:var(--space-4);white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);-moz-tab-size:2;tab-size:2}.preview-jump{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + 72px);z-index:18;display:none;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-md);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none}.preview-jump:hover,.preview-jump:focus-visible{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-focus)}@media(max-width:1024px){.preview-panel{position:static;max-height:none;overflow:visible}}.prompt-output.is-empty{display:grid;place-content:center;justify-items:center;gap:var(--space-3);color:var(--slate-200);text-align:center;font-family:var(--font-sans);padding:var(--space-6)}.prompt-empty__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent)}.prompt-empty__title{color:var(--slate-100);font-size:var(--text-base);font-weight:var(--weight-semibold)}.prompt-empty__hint{max-width:34ch;font-size:var(--text-sm);line-height:var(--leading-normal)}.prompt-empty__hint b{color:var(--slate-100);font-weight:var(--weight-semibold)}.prompt-output--compact{min-height:220px;max-height:420px}.prompt-output .tok-tag{color:var(--coral-300)}.prompt-output .tok-tagname{color:var(--coral-500);font-weight:var(--weight-semibold)}.prompt-output .tok-attr{color:var(--green-100)}.preview-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs)}.char-count{font-family:var(--font-mono)}.status-line{min-height:24px;color:var(--text-tertiary);font-size:var(--text-sm)}.integration-grid,.provider-key-grid,.custom-framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.integration-grid .primary,.provider-key-grid .primary,.custom-framework-grid .primary,.framework-fields-editor,.inline-check{grid-column:1 / -1}.inline-check{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.inline-check input{width:16px;height:16px;accent-color:var(--accent)}.integration-safety-note{grid-column:1 / -1;margin:0;border:var(--border-width) solid var(--warning);border-radius:var(--radius-md);background:var(--warning-soft);color:var(--warning);padding:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-snug)}.framework-fields-editor,.framework-field-list{display:grid;gap:var(--space-3)}.framework-field-editor{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(130px,.8fr) minmax(220px,1.4fr) auto;gap:var(--space-3);align-items:end;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3)}.framework-field-description{min-width:0}.framework-field-options{display:flex;grid-column:1 / 4;gap:var(--space-4)}.framework-field-actions{display:flex;gap:var(--space-2);justify-content:end}.slot-preset-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.slot-toggle.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold)}.slot-toggle.is-active:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.slot-toggle--custom{border-style:dashed}.link-button{display:inline-flex;align-items:center;gap:var(--space-1);align-self:start;min-height:0;padding:0;border:0;background:none;color:var(--accent);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer}.link-button:hover,.link-button:focus-visible{text-decoration:underline}.provider-key-manage{width:100%;justify-content:center}.refinement-launcher{display:flex;align-items:center;justify-content:flex-end}.refinement-access-callout>div{display:grid;gap:var(--space-1)}.refinement-access-callout strong{color:var(--text-primary)}.refinement-access-callout span{color:var(--text-tertiary);font-size:var(--text-sm)}.refinement-launcher button{flex:0 0 auto}.refinement-access-callout,.refinement-key-metadata{grid-column:1 / -1}.refinement-access-callout{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--accent-soft);padding:var(--space-4)}.refinement-key-metadata{display:grid;gap:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-4)}.refinement-key-metadata .section-heading h3{font-size:var(--text-base)}.refinement-key-list{display:grid;gap:var(--space-2)}.refinement-key-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);align-items:center;gap:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-3)}.refinement-key-item>div{display:grid;gap:var(--space-1)}.refinement-key-item>div span{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:capitalize}.refinement-key-item code{overflow:hidden;color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.refinement-key-state{display:flex;align-items:center;gap:var(--space-3);color:var(--warning)}.refinement-key-state span{flex:1;color:var(--text-secondary);font-size:var(--text-sm)}.integration-query{display:grid;gap:var(--space-3);border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-3)}.integration-query-actions{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:end}.context-panel{display:grid;gap:var(--space-4)}.context-panel__intro,.context-preview__header,.context-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.context-panel__intro h3{margin:0;font-size:var(--text-lg)}.context-panel__intro p,.context-preview__header span,.context-source-card span{margin:0;color:var(--text-tertiary);font-size:var(--text-sm)}.context-grid,.context-arguments{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.6fr);gap:var(--space-3);align-items:end}.context-source-card{display:flex;align-items:center;gap:var(--space-3);min-height:70px;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3)}.context-source-card svg{color:var(--accent)}.context-source-card div{display:grid;gap:var(--space-1)}.context-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:end}.context-pack-list{display:grid;gap:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-4)}.context-pack-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3)}.context-pack-item>div:first-child{display:grid;gap:var(--space-1);min-width:0}.context-pack-item span{overflow:hidden;color:var(--text-tertiary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.context-pack-save{min-width:min(420px,100%)}.inline-controls{display:flex;gap:var(--space-2);align-items:center}.inline-controls input{min-width:0}.context-preview{display:grid;gap:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-2);padding:var(--space-4)}.context-preview pre{max-height:300px;overflow:auto;margin:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-code);color:var(--slate-100);padding:var(--space-3);white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:var(--text-sm)}.saved-list,.key-list,.integration-list,.admin-user-list,.audit-event-list,.usage-metrics-grid,.custom-framework-list,.prompt-pack-list,.saved-query-list,.template-list,.version-list{display:grid;gap:var(--space-2)}.usage-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-card{display:grid;gap:var(--space-1);min-width:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3)}.metric-card strong{color:var(--text-primary);font-size:var(--text-lg);line-height:var(--leading-tight)}.metric-card span{color:var(--text-tertiary);font-size:var(--text-sm);overflow-wrap:anywhere}.key-item,.integration-item,.admin-user-item,.audit-event-item,.saved-query-item,.custom-framework-item,.prompt-pack-item,.template-item,.version-item,.saved-item{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:center;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.key-item:hover,.integration-item:hover,.admin-user-item:hover,.audit-event-item:hover,.saved-query-item:hover,.custom-framework-item:hover,.prompt-pack-item:hover,.template-item:hover,.version-item:hover,.saved-item:hover{border-color:var(--border-strong);background:var(--bg-elevated);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.version-item{grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) auto}.version-diff{display:flex;flex-wrap:wrap;gap:var(--space-2);min-width:0}.version-diff-label{color:var(--text-tertiary);font-size:var(--text-xs)}.key-item div,.integration-item>div:first-child,.admin-user-item div,.audit-event-item div,.custom-framework-item div{display:grid;gap:var(--space-1)}.saved-query-item>button:first-child,.template-item>button:first-child,.version-item>button:first-child,.saved-item>button:first-child{display:grid;gap:var(--space-1);min-height:0;border:0;background:transparent;color:inherit;padding:0;text-align:left}.saved-query-item>button:first-child:hover,.template-item>button:first-child:hover,.version-item>button:first-child:hover,.saved-item>button:first-child:hover{background:transparent;color:var(--accent)}.saved-item-title{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.key-item span,.integration-item span,.admin-user-item span,.audit-event-item span,.custom-framework-item span,.saved-query-item span,.template-item span,.version-item span,.saved-item span,.empty-state{color:var(--text-tertiary);font-size:var(--text-sm)}.integration-item-actions,.saved-actions{display:flex;gap:var(--space-2);justify-content:end}.saved-query-actions{display:flex;gap:var(--space-2)}.prompt-pack-item.locked{opacity:.72}.prompt-pack-controls{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(120px,.7fr)) auto;gap:var(--space-3);align-items:end}.prompt-pack-search .input-with-icon{display:flex;align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:0 var(--space-3)}.prompt-pack-search .input-with-icon:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.prompt-pack-search .input-with-icon svg{color:var(--text-tertiary);flex:0 0 auto}.prompt-pack-search .input-with-icon input{min-width:0;border:0;background:transparent;padding-left:0;padding-right:0}.prompt-pack-search .input-with-icon input:focus{box-shadow:none}.template-variable-list{display:grid;gap:var(--space-3)}.template-variable-item{display:grid;gap:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-4)}.template-variable-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);align-items:end}.toggle-row{display:inline-flex;min-height:40px;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.validation-summary{display:grid;gap:var(--space-1);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--warning-soft);padding:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.validation-summary p{margin:0}.quality-score-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:center;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-4)}.quality-score-ring{display:grid;width:96px;min-height:96px;place-items:center;border:var(--border-width) solid var(--accent);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent)}.quality-score-ring strong{align-self:end;font-size:var(--text-2xl);line-height:var(--leading-tight)}.quality-score-ring span{align-self:start;color:var(--text-secondary);font-size:var(--text-xs)}.quality-status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:var(--weight-semibold);text-transform:capitalize}.quality-score-card p{margin:var(--space-2) 0;color:var(--text-secondary)}.quality-comparison-card{display:grid;gap:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-4)}.quality-comparison-card__header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);align-items:start}.quality-comparison-card__header svg{color:var(--accent);margin-top:2px}.quality-comparison-card h3,.quality-comparison-card p{margin:0}.quality-comparison-card p,.quality-comparison-card small{color:var(--text-secondary)}.quality-comparison-metrics,.quality-comparison-deltas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.quality-comparison-deltas{grid-template-columns:repeat(4,minmax(0,1fr))}.quality-comparison-metrics>div,.quality-comparison-deltas>div{display:grid;gap:var(--space-1);min-width:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3)}.quality-comparison-metrics span,.quality-comparison-deltas span{color:var(--text-tertiary);font-size:var(--text-xs);overflow-wrap:anywhere}.quality-comparison-metrics strong,.quality-comparison-deltas strong{color:var(--text-primary);font-size:var(--text-lg)}.quality-check-list{display:grid;gap:var(--space-3)}.quality-check{display:grid;gap:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-4)}.quality-check--passed{border-color:color-mix(in srgb,var(--success) 45%,var(--border-subtle))}.quality-check--warning{border-color:color-mix(in srgb,var(--warning) 45%,var(--border-subtle))}.quality-check--failed{border-color:color-mix(in srgb,var(--danger) 45%,var(--border-subtle))}.quality-check__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.quality-check__header span:first-child{color:var(--accent)}.quality-check p,.quality-check small{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.quality-check small{color:var(--text-tertiary)}.quality-warning-details{border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-3)}.quality-warning-details summary{cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.quality-warning-details ul{display:grid;gap:var(--space-1);margin:var(--space-3) 0 0;padding-left:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.quality-run-history-panel{display:grid;gap:var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-5);box-shadow:var(--shadow-sm)}.quality-run-history__count{color:var(--text-tertiary);font-size:var(--text-sm)}.quality-run-history__list,.quality-run-history__skeleton{display:grid;gap:var(--space-3)}.quality-run-history__item{display:grid;gap:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-4)}.quality-run-history__item--loading{pointer-events:none}.quality-run-history__item header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.quality-run-history__item header>div,.quality-run-history__item time,.quality-run-history__mode{display:inline-flex;align-items:center;gap:var(--space-2)}.quality-run-history__item time{color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap}.quality-run-history__mode{border-radius:var(--radius-sm);background:var(--bg-surface);padding:var(--space-1) var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.quality-run-history__mode--byok svg{color:var(--accent)}.quality-run-history__mode--local svg{color:var(--success)}.quality-run-history__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.quality-run-history__metrics>div{display:grid;gap:var(--space-1);min-width:0;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3)}.quality-run-history__metrics span,.quality-run-history__metadata{color:var(--text-tertiary);font-size:var(--text-xs)}.quality-run-history__metrics strong{color:var(--text-primary);font-size:var(--text-base);overflow-wrap:anywhere}.quality-run-history__item p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.quality-run-history__metadata{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quality-run-history__metadata span{border-radius:var(--radius-sm);background:var(--bg-surface);padding:var(--space-1) var(--space-2)}.quality-run-history__detail{border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-3)}.quality-run-history__detail summary{cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.quality-run-history__detail-grid,.quality-run-history__checks,.quality-run-history__deltas{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.quality-run-history__detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-run-history__detail-grid strong,.quality-run-history__deltas>strong{color:var(--text-primary);font-size:var(--text-sm)}.quality-run-history__detail-grid ul{margin:var(--space-1) 0 0;padding-left:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}.quality-run-history__check,.quality-run-history__deltas>div{display:grid;gap:var(--space-1);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--bg-surface)}.quality-run-history__check>div,.quality-run-history__deltas>div{min-width:0}.quality-run-history__check>div:first-child,.quality-run-history__deltas>div{display:flex;justify-content:space-between;gap:var(--space-2)}.quality-run-history__check strong,.quality-run-history__deltas span:first-child{color:var(--text-primary);font-size:var(--text-sm)}.quality-run-history__check span,.quality-run-history__deltas span:last-child,.quality-run-history__deltas small{color:var(--text-tertiary);font-size:var(--text-xs)}.quality-run-history__check p{margin:0;color:var(--text-secondary);font-size:var(--text-xs)}.prompt-pack-item p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.prompt-pack-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.prompt-pack-title .icon-only{width:32px;height:32px;min-height:32px}.prompt-pack-title .icon-only.active,.prompt-pack-controls .ghost.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.prompt-pack-title span{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.prompt-pack-meta{display:grid;gap:var(--space-1);margin-top:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.prompt-pack-tags{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-2)}.prompt-pack-tags span{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.prompt-pack-details{margin-top:var(--space-3);border-top:var(--border-width) solid var(--border-subtle);padding-top:var(--space-3)}.prompt-pack-details summary{cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.prompt-pack-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}.prompt-pack-doc{display:grid;gap:var(--space-3);margin-top:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);padding:var(--space-3)}.prompt-pack-doc>div{display:grid;gap:var(--space-1)}.prompt-pack-doc span{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase}.prompt-pack-usage-guide{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.prompt-pack-usage-guide li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:start}.prompt-pack-usage-guide li>span{display:inline-grid;place-items:center;width:28px;height:28px;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface-2)}.prompt-pack-detail-grid h3{margin:0 0 var(--space-2);color:var(--text-primary);font-size:var(--text-sm)}.prompt-pack-detail-grid ul{display:grid;gap:var(--space-1);margin:0;padding-left:var(--space-4);color:var(--text-secondary);font-size:var(--text-xs)}.audit-event-item time{color:var(--text-tertiary);font-size:var(--text-xs);text-align:right}.admin-user-item select{min-width:120px}.role-pill,.badge{align-self:center;justify-self:start;display:inline-flex;align-items:center;gap:var(--space-1);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:capitalize;letter-spacing:.02em}.badge--neutral{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-subtle)}.badge--success{background:var(--success-soft);color:var(--success);border-color:transparent}.badge--warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.xml-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.xml-tag{display:inline-flex;align-items:center;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--coral-300);padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs)}.empty-state{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);text-align:center;color:var(--text-tertiary)}.empty-state svg{color:var(--text-tertiary);opacity:.7}.empty-state strong{color:var(--text-secondary);font-weight:var(--weight-semibold)}.empty-state span{max-width:44ch}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-elevated) 37%,var(--bg-surface-2) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.skeleton-line{width:100%;height:12px}.skeleton-line--short{width:min(220px,55%)}.skeleton-line--medium{width:min(360px,78%)}.skeleton-block{min-height:58px}.skeleton-list{display:grid;gap:var(--space-2)}.skeleton-list__item{display:grid;gap:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.toast-region{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:60;display:grid;gap:var(--space-2);max-width:min(380px,calc(100vw - var(--space-8)))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:toast-in var(--dur-base) var(--ease-out)}.toast span{flex:1}.toast__close{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary)}.toast__close:hover{background:var(--bg-surface-2);color:var(--text-primary)}.toast:before{content:"";width:3px;align-self:stretch;border-radius:var(--radius-full);background:var(--accent)}.toast--success:before{background:var(--success)}.toast--error:before{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:#090a0c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--dur-base) var(--ease-out)}.modal{width:min(560px,100%);max-height:85vh;overflow:auto;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);padding:var(--space-5);box-shadow:var(--shadow-lg);animation:modal-in var(--dur-base) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.panel-enter{animation:panel-in var(--dur-slow) var(--ease-out) both}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.account-menu{position:relative}.account-menu>summary{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-10);padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--text-primary);cursor:pointer;list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover,.account-menu[open]>summary{border-color:var(--border-strong);background:var(--bg-elevated)}.account-menu[open]>summary>svg{transform:rotate(180deg)}.account-menu__identity{display:flex;align-items:center;gap:var(--space-2)}.account-menu__identity>strong{overflow:hidden;max-width:18ch;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.account-menu__panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:30;display:grid;gap:var(--space-3);width:min(var(--menu-max-width),calc(100vw - var(--space-8)));padding:var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-elevated);box-shadow:var(--shadow-lg)}.account-menu__panel>span{overflow-wrap:anywhere;color:var(--text-tertiary);font-size:var(--text-xs)}.account-menu__panel .ghost{justify-content:flex-start}.command-trigger kbd{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-sm);padding:0 var(--space-1);color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium)}.disclosure{border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm);overflow:hidden}.disclosure>summary{display:flex;align-items:center;gap:var(--space-3);list-style:none;cursor:pointer;padding:var(--space-4) var(--space-5);font-weight:var(--weight-semibold);color:var(--text-primary);transition:background var(--dur-fast) var(--ease-out)}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:hover{background:var(--bg-surface-2)}.disclosure>summary:after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);transform:rotate(45deg);transition:transform var(--dur-base) var(--ease-out)}.disclosure[open]>summary:after{transform:rotate(-135deg)}.disclosure-hint{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-regular)}.disclosure>summary>span:first-child{margin-right:var(--space-2)}.disclosure .refinement-panel,.disclosure .saved-prompts,.disclosure .prompt-pack-panel,.disclosure .template-panel{border:0;border-top:var(--border-width) solid var(--border-subtle);border-radius:0;box-shadow:none}.library-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.library-bar h2{margin:0;font-size:var(--text-lg)}.library-bar span{font-size:var(--text-sm)}.file-trigger{position:relative;overflow:hidden}.file-trigger input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.toolbar--frameworks{grid-template-columns:minmax(180px,260px) minmax(180px,1fr) minmax(160px,220px) minmax(140px,180px) auto;align-items:start;row-gap:var(--space-2)}.toolbar--frameworks .field.compact>p,.toolbar--frameworks .framework-guidance{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toolbar--frameworks .field.compact>.tooltip,.toolbar--frameworks .framework-guidance{width:100%}.framework-manage{align-self:start;margin-top:calc(1.25rem + var(--space-2))}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.modal__header h2{margin:0;font-size:var(--text-lg)}.modal--sm{width:min(440px,100%)}.modal--md{width:min(580px,100%)}.modal--lg{width:min(820px,100%)}.modal__body>.panel,.modal__body>.custom-framework-panel,.modal>.version-history-panel{border:0;background:transparent;padding:0;box-shadow:none}.command-palette{display:grid;gap:var(--space-4)}.command-palette__search .input-with-icon{display:flex;align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:0 var(--space-3)}.command-palette__search .input-with-icon:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.command-palette__search .input-with-icon svg{flex:0 0 auto;color:var(--text-tertiary)}.command-palette__search .input-with-icon input{min-width:0;border:0;background:transparent;padding-right:0;padding-left:0}.command-palette__search .input-with-icon input:focus{box-shadow:none}.command-palette__list{display:grid;gap:var(--space-2)}.command-palette__item{display:grid;gap:var(--space-1);width:100%;min-height:calc(var(--space-10) + var(--space-4));justify-items:start;border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:var(--space-3);text-align:left}.command-palette__item:hover,.command-palette__item:focus-visible{border-color:var(--border-focus);background:var(--bg-surface)}.command-palette__item strong{color:var(--text-primary)}.command-palette__item span{color:var(--text-tertiary);font-size:var(--text-sm)}.tool-refinement-plan{display:grid;gap:var(--space-4)}.tool-refinement-plan textarea{min-height:440px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal)}.auth-form{display:grid;gap:var(--space-4)}.refinement-auth-intro{display:grid;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);border:var(--border-width) solid var(--accent-border);border-radius:var(--radius-lg);background:var(--accent-soft)}.refinement-auth-intro>div{display:grid;gap:var(--space-2)}.refinement-auth-intro p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.refinement-auth-intro>button{width:100%;justify-content:center;background:var(--bg-surface)}@media(max-width:768px){.panel,.toolbar,.refinement-panel,.auth-panel,.integration-panel,.provider-key-panel,.admin-panel,.custom-framework-panel,.library-portability-panel,.onboarding-panel,.prompt-pack-panel,.quality-lab-panel,.quality-run-history-panel,.template-variables-panel,.template-panel,.version-history-panel,.preview-panel,.saved-prompts{padding:var(--space-4)}.toolbar,.refinement-panel,.auth-panel{grid-template-columns:1fr}.refinement-launcher,.refinement-access-callout,.refinement-key-state{align-items:stretch;flex-direction:column}.refinement-launcher button,.refinement-access-callout button,.refinement-key-state button{width:100%;justify-content:center}.tooltip__bubble,.tooltip--start .tooltip__bubble,.tooltip--end .tooltip__bubble{position:fixed;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:auto;max-width:none;transform:translateY(var(--space-1))}.tooltip:hover .tooltip__bubble,.tooltip:focus-within .tooltip__bubble,.tooltip--start:hover .tooltip__bubble,.tooltip--start:focus-within .tooltip__bubble,.tooltip--end:hover .tooltip__bubble,.tooltip--end:focus-within .tooltip__bubble{transform:translateY(0)}.refinement-key-item{grid-template-columns:minmax(0,1fr) auto}.refinement-key-item code,.refinement-key-item>.text-tertiary{grid-column:1 / -1}.section-heading,.preview-actions,.block-row{align-items:stretch;flex-direction:column}.integration-grid,.integration-query-actions,.context-grid,.context-arguments,.context-tools,.context-pack-item,.prompt-pack-controls,.prompt-pack-detail-grid,.trust-notice,.onboarding-panel__actions,.onboarding-tour,.quality-comparison-controls,.quality-comparison-deltas,.quality-comparison-metrics,.quality-run-history__metrics,.quality-run-history__detail-grid,.quality-score-card,.provider-key-grid,.custom-framework-grid,.template-variable-grid,.version-item{grid-template-columns:1fr}.context-panel__intro,.context-preview__header,.context-actions,.inline-controls,.field-heading,.format-toolbar{align-items:stretch;flex-direction:column}.format-toolbar__actions{justify-content:flex-start}.trust-notice__item+.trust-notice__item{border-left:0;border-top:var(--border-width) solid var(--border-subtle)}.framework-manage{margin-top:0}.framework-field-editor{grid-template-columns:1fr}.framework-field-options{grid-column:auto;flex-direction:column;gap:var(--space-2)}.framework-field-actions{justify-content:start}.preview-panel{position:static}.prompt-output{min-height:320px;max-height:none}.section-heading select{width:100%}.toast-region{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);max-width:none}}.task-contract-form{max-width:1080px}.task-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4, 1rem)}.task-contract-grid .field--wide{grid-column:1 / -1}.contract-inferences,.task-contract-review-summary,.legacy-migration-banner,.pro-locked-notice{border:1px solid var(--border-default, #d9d9d4);border-radius:var(--radius-lg, 16px);background:var(--surface-raised, #fff);padding:var(--space-4, 1rem)}.contract-inferences>div,.legacy-migration-banner,.pro-locked-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem}.contract-inferences>div span,.pro-locked-notice span{color:var(--text-tertiary)}.contract-inferences ul,.review-inference-list{display:grid;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.contract-inferences li,.review-inference-list>span{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.contract-advanced-fields{margin-top:1rem}.task-contract-review-summary{display:grid;gap:.9rem;margin-bottom:1rem}.contract-state-row,.task-contract-review-summary dl{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0}.task-contract-review-summary dl>div{display:grid;gap:.2rem}.task-contract-review-summary dt{color:var(--text-tertiary);font-size:.8rem}.task-contract-review-summary dd{margin:0;font-weight:650}.status-pill{border-radius:999px;background:var(--surface-muted, #f2f2ee);padding:.25rem .65rem;font-weight:700}.legacy-migration-banner,.pro-locked-notice{margin:1rem 0}.quality-v2-overview,.quality-v2-areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}.quality-v2-overview article,.quality-v2-areas article{display:grid;gap:.35rem;border:1px solid var(--border-default, #d9d9d4);border-radius:var(--radius-md, 12px);padding:1rem}.quality-v2-overview article>span,.quality-v2-overview article>small,.quality-v2-areas article>p{color:var(--text-tertiary)}.quality-v2-overview article>strong{font-size:1.25rem}.quality-v2-areas{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-v2-areas h3,.quality-v2-areas p{margin:0}.quality-evaluation-plan{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,2fr);gap:1rem;align-items:end;margin:1rem 0;border:1px solid var(--border-default, #d9d9d4);border-radius:var(--radius-md, 12px);padding:1rem}.quality-evaluation-plan p{margin:0 0 .3rem;color:var(--text-secondary)}@media(max-width:760px){.task-contract-grid,.quality-v2-overview,.quality-v2-areas,.quality-evaluation-plan{grid-template-columns:1fr}.task-contract-grid .field--wide{grid-column:auto}.contract-inferences>div,.legacy-migration-banner,.pro-locked-notice{align-items:flex-start;flex-direction:column}}.stack{display:grid;gap:var(--space-3)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}