/* WEB-02, Commander prompt library. Marketing presentation only. */
.cm-lib-teaser,.cm-lib-main,.cm-lib-detail{--lib-ink:#eef4ff;--lib-muted:#a4b6ce;--lib-line:rgba(149,184,232,.17);--lib-blue:#89afff;color:var(--lib-ink);position:relative}
.cm-lib-teaser{padding-top:clamp(72px,8vw,130px);padding-bottom:clamp(70px,7vw,112px);background:radial-gradient(ellipse at 92% -10%,rgba(58,113,220,.21),transparent 47%),#080f1c}
.cm-lib-section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}
.cm-lib-section-top>div{max-width:710px}
.cm-lib-kicker,.cm-lib-statrow,.cm-lib-number,.cm-lib-tag,.cm-lib-card-icon,.cm-lib-card-foot,.cm-lib-result-count,.cm-lib-prompt-top,.cm-lib-steps>span,.cm-lib-result>span,.cm-lib-replace{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.075em}
.cm-lib-kicker{display:block;font-size:.76rem;font-weight:650;color:#80aaff;margin:0 0 17px;text-transform:uppercase}
.cm-lib-section-top h2,.cm-lib-detail-heading h2{color:#f5f8ff;max-width:760px;line-height:1.09;letter-spacing:-.047em;font-size:clamp(2rem,4.5vw,3.9rem);margin:0 0 20px}
.cm-lib-section-top p,.cm-lib-detail-heading>p{font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65;color:var(--lib-muted);margin:0}
.cm-lib-top-link{display:inline-flex;align-items:center;gap:20px;white-space:nowrap;border:1px solid rgba(150,184,245,.34);padding:14px 18px;border-radius:12px;color:#f4f8ff;background:rgba(255,255,255,.045);font-weight:650;text-decoration:none;transition:border-color .15s,transform .15s}
.cm-lib-top-link:hover,.cm-lib-top-link:focus-visible{border-color:#93b9ff;transform:translateY(-2px)}
.cm-lib-teaser-grid,.cm-lib-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cm-lib-card{--cm-card-accent:#8eb8ff;--cm-card-tint:rgba(84,140,245,.16);display:flex;flex-direction:column;min-height:280px;position:relative;padding:25px;border:1px solid var(--lib-line);border-radius:20px;color:var(--lib-ink);text-decoration:none;overflow:hidden;background:linear-gradient(155deg,rgba(28,48,83,.64),rgba(8,18,34,.94) 68%);transition:transform .18s,border-color .18s,box-shadow .18s}
.cm-lib-card[data-library-group="development"]{--cm-card-accent:#b3a5ff;--cm-card-tint:rgba(128,106,232,.16)}
.cm-lib-card[data-library-group="builds"]{--cm-card-accent:#7cdec4;--cm-card-tint:rgba(65,184,151,.13)}
.cm-lib-card[data-library-group="system"]{--cm-card-accent:#f0bc80;--cm-card-tint:rgba(222,154,74,.12)}
.cm-lib-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,var(--cm-card-tint),transparent 59%);pointer-events:none}
.cm-lib-card:after{content:'';position:absolute;top:0;left:25px;width:68px;height:2px;background:var(--cm-card-accent);opacity:.72;border-radius:0 0 2px 2px}
.cm-lib-card:hover,.cm-lib-card:focus-visible{transform:translateY(-4px);border-color:var(--cm-card-accent);box-shadow:0 18px 52px rgba(0,0,0,.24)}
.cm-lib-card-head{display:flex;align-items:center;gap:12px;min-width:0;font-size:.72rem;color:#9eb4d3;position:relative}
.cm-lib-card-head>span:last-child{margin-left:auto;font-size:1.3rem;color:var(--cm-card-accent)}
.cm-lib-number{font-size:.7rem;color:var(--cm-card-accent)}
.cm-lib-tag{font-size:.64rem;color:#9eb4d3;text-transform:uppercase}
.cm-lib-card-visual{position:relative;display:flex;justify-content:space-between;align-items:center;margin:25px 0 19px;gap:10px}
.cm-lib-card-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--cm-card-accent) 34%,transparent);background:var(--cm-card-tint);border-radius:14px;color:var(--cm-card-accent)}
.cm-lib-card-icon svg{display:block;width:27px;height:27px}
.cm-lib-card-mark{font:600 .62rem/1.3 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.12em;color:var(--cm-card-accent);opacity:.64}
.cm-lib-card strong{position:relative;font-size:1.32rem;line-height:1.2;letter-spacing:-.025em;font-weight:760;margin-bottom:11px}
.cm-lib-summary{position:relative;color:#aebfd6;font-size:.94rem;line-height:1.6;flex:1}
.cm-lib-card-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;padding-top:16px;border-top:1px solid var(--lib-line);text-transform:uppercase;color:var(--cm-card-accent);font-size:.68rem;font-weight:650}
.cm-library-page{background:#070e19}
.cm-library-page .page-hero{padding-top:clamp(90px,11vw,164px);padding-bottom:clamp(56px,8vw,114px);background:radial-gradient(ellipse at 73% 24%,rgba(45,95,206,.24),transparent 54%),linear-gradient(135deg,#0b1830,#07111f 58%,#080d17);border-bottom:1px solid rgba(142,179,229,.11)}
.cm-library-page .page-hero .hero-copy{max-width:970px}
.cm-library-page .page-hero .eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.14em;color:#89b4ff;font-size:.78rem;text-transform:uppercase}
.cm-library-page .page-hero h1{max-width:900px;color:#f5f9ff;font-size:clamp(2.8rem,6.1vw,5.7rem);line-height:1.04;letter-spacing:-.06em}
.cm-library-page .page-hero .lead{max-width:760px;color:#b4c4d9;line-height:1.7}
.cm-library-page .page-hero .actions{margin-top:30px}
.cm-library-page .page-hero .button.primary{background:#7ca8fc;color:#081222;border-color:#7ca8fc}
.cm-library-page .page-hero .button.secondary{border-color:rgba(158,183,222,.32);color:#e9f1ff}
.cm-library-page .breadcrumbs{background:#081224}
.cm-library-page .cm-lib-main,.cm-library-page .cm-lib-detail{max-width:1400px;margin-inline:auto;padding-top:64px;padding-bottom:120px}
.cm-lib-statrow{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 30px;margin-bottom:75px;border:1px solid var(--lib-line);border-radius:16px;background:linear-gradient(90deg,rgba(23,45,80,.8),rgba(10,23,43,.9));font-size:.75rem;color:#91afd6;text-transform:uppercase}
.cm-lib-statrow strong{font-size:1.5rem;font-weight:750;color:#f2f7ff;letter-spacing:-.04em}.cm-lib-statrow small{font-size:.74rem;color:#9fb4d4;font-weight:500}
.cm-lib-controls{margin-top:30px}
.cm-lib-search{display:flex;align-items:center;min-height:60px;border-radius:14px;border:1px solid rgba(123,165,234,.34);background:#0e203a;padding:0 18px;gap:10px;margin-bottom:19px}
.cm-lib-search:focus-within{outline:2px solid #83b1ff;outline-offset:2px}
.cm-lib-search-icon{font-size:2rem;line-height:1;color:#9ec2fa}
.cm-lib-search input{width:100%;border:0;outline:0;background:transparent;color:#f6f9ff;font:inherit;font-size:1rem;padding:16px 3px}.cm-lib-search input::placeholder{color:#8ea3bf}
.cm-lib-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px}
.cm-lib-filters button{border:1px solid var(--lib-line);background:#0c1a2e;border-radius:9px;padding:11px 14px;color:#afc2dd;font:inherit;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}
.cm-lib-filters button span{font-size:.75em;margin-left:8px;opacity:.67}.cm-lib-filters button[aria-pressed='true']{color:#081222;border-color:#9dc4ff;background:#a2c7ff;font-weight:700}
.cm-lib-filters button:hover:not([aria-pressed='true']){border-color:#83a9f8;color:#eef5ff}
.cm-lib-result-count{color:#94aaca;font-size:.75rem;margin-bottom:23px}
.cm-lib-empty{padding:40px;text-align:center;border:1px dashed rgba(139,178,236,.38);border-radius:15px;margin-top:10px}
.cm-lib-empty[hidden],.cm-lib-card[hidden]{display:none!important}.cm-lib-empty strong{display:block;font-size:1.24rem;margin-bottom:6px}.cm-lib-empty p{color:#a8bbd5}.cm-lib-empty button{border:1px solid #739cef;color:#cfe0ff;background:#112647;border-radius:8px;padding:10px 18px;cursor:pointer}
.cm-lib-detail-heading{max-width:830px;margin-bottom:40px}
.cm-lib-detail-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:22px}
.cm-lib-prompt-panel,.cm-lib-steps{border:1px solid var(--lib-line);border-radius:19px;background:linear-gradient(160deg,#142644,#0b1728);overflow:hidden}
.cm-lib-prompt-top{display:flex;align-items:center;gap:10px;padding:18px 23px;border-bottom:1px solid var(--lib-line);font-size:.7rem;color:#9aafd0}
.cm-lib-prompt-top span:first-child{display:flex;align-items:center;gap:6px}.cm-lib-prompt-top i{width:7px;height:7px;border-radius:100%;background:#5777a9}.cm-lib-prompt-top span:last-child{margin-left:auto;color:#8dc0ff}
.cm-lib-prompt-text{font-size:clamp(1.09rem,1.7vw,1.42rem);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#f5f8ff;margin:0;padding:36px 31px;min-height:220px}
.cm-lib-prompt-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:0 31px 25px}.cm-lib-prompt-actions button{border:0;border-radius:10px;background:#8bb5ff;padding:14px 18px;color:#07152a;font:inherit;font-weight:730;cursor:pointer}.cm-lib-prompt-actions button:hover{background:#b0ceff}.cm-lib-prompt-actions [data-copy-status]{color:#add4b7;font-size:.89rem}
.cm-lib-replace{border-top:1px solid var(--lib-line);background:rgba(22,44,75,.6);padding:17px 30px;color:#93a9c7;font-size:.68rem;line-height:1.7;margin:0}
.cm-lib-steps{padding:30px 28px}.cm-lib-steps>span{color:#8fb5f1;font-size:.73rem}.cm-lib-steps ol{padding:0;margin:27px 0 24px;list-style:none}.cm-lib-steps li{display:flex;gap:18px;align-items:start;border-bottom:1px solid var(--lib-line);padding:17px 0}.cm-lib-steps li:first-child{padding-top:0}.cm-lib-steps li>span{font-family:ui-monospace,monospace;font-size:.75rem;color:#82adfc}.cm-lib-steps li p{margin:0;color:#dfebfc;line-height:1.55}
.cm-lib-result{padding:22px;border-radius:12px;background:rgba(94,144,229,.11);border:1px solid rgba(126,171,235,.25)}.cm-lib-result>span{font-size:.68rem;color:#92b8ff}.cm-lib-result p{margin:8px 0 0;color:#e1ecff;line-height:1.55}
.cm-lib-safety{display:flex;gap:18px;max-width:1040px;margin-top:24px;border-left:3px solid #83b1ff;background:rgba(46,86,155,.12);padding:20px 25px;border-radius:0 12px 12px 0}.cm-lib-safety>span{font-size:1.7rem;line-height:1;color:#9bc3ff}.cm-lib-safety strong{color:#f1f6ff}.cm-lib-safety p{color:#aec3df;margin:6px 0 0;line-height:1.65}
.cm-lib-detail-nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:51px;padding-top:23px;border-top:1px solid var(--lib-line)}.cm-lib-detail-nav a{color:#c4d8ff;text-decoration:none;font-weight:600}.cm-lib-detail-nav a:hover{text-decoration:underline}
@media(max-width:980px){.cm-lib-teaser-grid,.cm-lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-lib-detail-layout{grid-template-columns:1fr}.cm-lib-steps{display:block}.cm-lib-section-top{display:block}.cm-lib-top-link{margin-top:24px}}
@media(max-width:620px){.cm-lib-teaser-grid,.cm-lib-grid{grid-template-columns:1fr}.cm-lib-card{min-height:246px;padding:22px}.cm-lib-card-visual{margin:22px 0 17px}.cm-lib-statrow{padding:18px;gap:8px;font-size:.62rem;margin-bottom:52px}.cm-lib-statrow strong{font-size:1.17rem}.cm-lib-statrow small{display:none}.cm-lib-search{min-height:54px}.cm-lib-filters{gap:7px}.cm-lib-filters button{padding:9px 10px;font-size:.76rem}.cm-lib-prompt-text{padding:26px 20px;min-height:0}.cm-lib-prompt-actions{padding:0 20px 20px}.cm-lib-replace{padding:16px 20px}.cm-lib-steps{padding:24px 20px}.cm-lib-detail-nav a{width:100%}.cm-lib-main,.cm-lib-detail{min-width:0}}
@media(prefers-reduced-motion:reduce){.cm-lib-card,.cm-lib-top-link,.cm-lib-filters button{transition:none}.cm-lib-card:hover,.cm-lib-card:focus-visible,.cm-lib-top-link:hover,.cm-lib-top-link:focus-visible{transform:none}}
/* UI-32: prompt pages use the shared Trueway visual contract. */
body.cm-library-page {
  --lib-ink: var(--tw-text, #f4f7fb);
  --lib-muted: var(--tw-muted, #aab4c3);
  --lib-line: var(--tw-border, #26313e);
  --lib-blue: var(--tw-primary, #355ce6);
  background: radial-gradient(circle at 78% 170px, rgba(53, 92, 230, .20), transparent 650px), var(--tw-bg, #06080c);
  color: var(--tw-text, #f4f7fb);
  font-family: var(--tw-font-body, "Inter", system-ui, sans-serif);
}
body.cm-library-page .breadcrumbs { background: #0b111b; }
body.cm-library-page .page-hero {
  background: radial-gradient(ellipse at 73% 24%, rgba(53, 92, 230, .22), transparent 54%), linear-gradient(135deg, #111a2a, var(--tw-bg, #06080c) 75%);
  border-bottom-color: var(--tw-border, #26313e);
}
body.cm-library-page .page-hero .eyebrow,
body.cm-library-page .cm-lib-kicker { color: var(--tw-secondary, #3fd6ef); }
body.cm-library-page .page-hero h1,
body.cm-library-page .cm-lib-section-top h2,
body.cm-library-page .cm-lib-detail-heading h2 { font-family: var(--tw-font-display, "Archivo", "Inter", sans-serif); color: var(--tw-text, #f4f7fb); }
body.cm-library-page .page-hero .lead,
body.cm-library-page .cm-lib-section-top p,
body.cm-library-page .cm-lib-detail-heading > p { color: var(--tw-muted, #aab4c3); }
body.cm-library-page .page-hero .button.primary,
body.cm-library-page .cm-lib-filters button[aria-pressed='true'],
body.cm-library-page .cm-lib-prompt-actions button {
  background: var(--tw-primary, #355ce6);
  border-color: var(--tw-primary, #355ce6);
  color: var(--tw-primary-label, #fff);
  border-radius: 6px;
}
body.cm-library-page .page-hero .button.primary:hover,
body.cm-library-page .cm-lib-filters button[aria-pressed='true']:hover,
body.cm-library-page .cm-lib-prompt-actions button:hover {
  background: var(--tw-primary-hover, #2d50cc);
  border-color: var(--tw-primary-hover, #2d50cc);
  color: var(--tw-primary-label, #fff);
}
body.cm-library-page .page-hero .button.secondary,
body.cm-library-page .cm-lib-filters button:not([aria-pressed='true']),
body.cm-library-page .cm-lib-empty button {
  background: var(--tw-surface, #0d1117);
  border-color: var(--tw-border, #26313e);
  color: var(--tw-text, #f4f7fb);
  border-radius: 6px;
}
body.cm-library-page .page-hero .button.secondary:hover,
body.cm-library-page .cm-lib-filters button:not([aria-pressed='true']):hover,
body.cm-library-page .cm-lib-empty button:hover { border-color: var(--tw-secondary, #3fd6ef); }
body.cm-library-page .cm-lib-statrow,
body.cm-library-page .cm-lib-prompt-panel,
body.cm-library-page .cm-lib-steps {
  background: linear-gradient(155deg, var(--tw-surface-raised, #151a22), var(--tw-surface, #0d1117));
  border-color: var(--tw-border, #26313e);
  border-radius: 10px;
}
body.cm-library-page .cm-lib-statrow { color: var(--tw-muted, #aab4c3); }
body.cm-library-page .cm-lib-statrow strong { color: var(--tw-text, #f4f7fb); }
body.cm-library-page .cm-lib-card {
  background: linear-gradient(155deg, #152033, var(--tw-surface, #0d1117) 76%);
  border-color: var(--tw-border, #26313e);
  border-radius: 10px;
}
body.cm-library-page .cm-lib-card:hover,
body.cm-library-page .cm-lib-card:focus-visible { border-color: var(--tw-secondary, #3fd6ef); }
body.cm-library-page .cm-lib-search {
  background: var(--tw-surface-raised, #151a22);
  border-color: #64748b;
  border-radius: 8px;
}
body.cm-library-page .cm-lib-search input { color: var(--tw-text, #f4f7fb); }
body.cm-library-page .cm-lib-search input::placeholder { color: var(--tw-muted, #aab4c3); }
body.cm-library-page .cm-lib-search:focus-within {
  outline: 2px solid var(--tw-focus, #3fd6ef);
  outline-offset: 3px;
  border-color: var(--tw-focus, #3fd6ef);
  box-shadow: 0 0 0 3px rgba(63, 214, 239, .13);
}
body.cm-library-page :is(.page-hero .button, .cm-lib-filters button, .cm-lib-card, .cm-lib-prompt-actions button, .cm-lib-detail-nav a, .cm-lib-empty button):focus-visible {
  outline: 2px solid var(--tw-focus, #3fd6ef);
  outline-offset: 3px;
}
body.cm-library-page .cm-lib-replace { background: rgba(38, 49, 62, .32); color: var(--tw-muted, #aab4c3); }
body.cm-library-page .cm-lib-steps li p,
body.cm-library-page .cm-lib-result p { color: var(--tw-text, #f4f7fb); }
body.cm-library-page .cm-lib-safety {
  border-left-color: var(--tw-secondary, #3fd6ef);
  background: rgba(63, 214, 239, .07);
}
body.cm-library-page .cm-lib-detail-nav a { color: var(--tw-secondary, #3fd6ef); }