/* Faymas navigation and PromptPlum discovery patterns, adapted to our existing library.
   DESIGN_VARIANCE 5 / MOTION_INTENSITY 3 / VISUAL_DENSITY 6.
   Controls 8px, content cards 12px; original brand accent and URLs preserved. */
:root{--paper:#faf9f8;--ink:#23252a;--muted:#66666d;--accent:#a92e43;--accent-dark:#852236;--soft:#f8edf0;--line:#e6e3e4;--surface:#fffefd;--sidebar:#f6f5f4;--font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:Georgia,serif;--sidebar-width:228px}
body{background:var(--paper);font-family:var(--font)}
body>main,body>.site-footer{margin-left:var(--sidebar-width)}
body>main{min-height:70vh}
body .wrap,body[data-page=library] .wrap{width:auto;max-width:1600px;margin-inline:32px}
body>.site-footer{margin-left:calc(var(--sidebar-width) + 32px);margin-right:32px}
h1,h2,h3{font-family:var(--font);font-weight:650;letter-spacing:-.035em}
a,button{transition:background-color .16s,color .16s,border-color .16s}
:focus-visible{outline-color:var(--accent)!important}
.button{border-radius:8px;font-size:13px;font-weight:600;min-height:42px}
.button-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.button-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}
.button-primary:hover{background:var(--accent-dark);color:#fff}
.text-link{color:var(--accent);font-weight:550}
.discovery-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:28px 18px 20px;background:var(--sidebar);border-right:1px solid var(--line);z-index:22;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.discovery-sidebar .brand{display:flex;align-items:center;gap:9px;margin:0 2px 34px;font-size:17px;letter-spacing:-.7px;white-space:normal;line-height:1.2}
.discovery-sidebar .brand>.icon{width:25px;height:25px;transform:none}
.discovery-sidebar .brand-wordmark{max-width:145px}
.discovery-nav{display:grid;gap:4px;margin-bottom:30px}
.discovery-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;font-size:13px;font-weight:550;color:var(--muted)}
.discovery-nav a:first-child{color:var(--ink);background:var(--surface)}
.discovery-nav .icon{width:18px;height:18px}
.discovery-nav a:hover,.discovery-category:hover{background:var(--soft);color:var(--accent)}
.discovery-sidebar-heading{font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);margin:0 12px 12px}
.discovery-categories{display:grid;gap:3px}
.discovery-category{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12px;border-radius:8px;color:var(--muted);line-height:1.35}
.discovery-category>span{min-width:0}
.discovery-category small{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.discovery-category.active{background:var(--soft);color:var(--accent);font-weight:650}
.discovery-category.active small{color:var(--accent)}
.discovery-sidebar-bottom{border-top:1px solid var(--line);margin:22px 10px 0;padding-top:16px}
.discovery-sidebar-bottom>a{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:8px 0;color:var(--muted)}
.discovery-sidebar-bottom .icon{width:14px;height:14px}
.discovery-sidebar-bottom p{font-size:11px;line-height:1.65;color:var(--muted);margin:16px 0 0}
body .site-header,body[data-page=library] .site-header{position:sticky;top:0;margin:0 0 0 var(--sidebar-width);padding:0 32px;min-height:74px;background:var(--surface);border-bottom:1px solid var(--line);z-index:12;flex-wrap:nowrap}
.discovery-header-left{display:flex;align-items:center;gap:20px;min-width:0}
.discovery-header-home{font-size:14px;font-weight:650;white-space:nowrap}
.discovery-header-caption{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}
.discovery-example-link{font-size:12px;margin-right:10px;color:var(--muted)}
.discovery-menu{display:none}
.discovery-scrim{position:fixed;inset:0;border:0;background:#15151b70;z-index:21}
.library-hero{background:var(--surface);text-align:left;padding:30px 0 22px;border:none}
.library-hero>.wrap{display:block}
.library-hero .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:9px}
.library-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-1.4px;max-width:1100px;font-weight:700}
.library-hero h1 em{display:inline;font-style:normal;color:var(--accent);font-weight:700}
.library-hero-description{font-size:13px;line-height:1.7;max-width:800px;margin:12px 0 16px;color:var(--muted)}
.discovery-popular{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--muted)}
.discovery-popular>a{color:var(--ink);font-weight:550;padding:3px 0}
.discovery-popular>a:hover,.discovery-popular>a.active{color:var(--accent)}
.library-intent-links{display:none}
.library-browser{padding-top:0;scroll-margin-top:90px}
.library-filters{position:relative;top:auto;z-index:7;border:0;background:transparent;backdrop-filter:none;padding-top:22px}
.library-all-heading{padding-bottom:16px;gap:20px}
.library-all-heading h2{font-size:21px;font-weight:650;letter-spacing:-.6px}
.library-total{font-size:11px;padding:3px 8px;border-radius:5px;background:var(--soft);color:var(--accent);font-variant-numeric:tabular-nums}
.library-heading-title{gap:10px}
.library-search{width:360px;height:44px;min-height:44px;border-radius:8px;border:1px solid var(--line);background:var(--surface);padding:10px 13px}
.library-search input{font-size:13px;color:var(--ink);min-width:0}
.library-search input::placeholder{color:var(--muted);opacity:1}
.library-search .icon{width:17px;height:17px}
.library-browse-bar{border-bottom:1px solid var(--line);padding-bottom:14px;display:flex;flex-wrap:nowrap;gap:12px}
.discovery-active-category{font-size:12px;color:var(--accent);font-weight:600;margin-right:auto}
.library-sort-control{width:175px;margin-left:0}
.library-sort-control .select-trigger{height:36px;border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px}
.composer-tool{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;font-size:12px}
.library-selects{margin-top:15px;margin-bottom:0;background:var(--surface);border-color:var(--line);border-radius:10px}
.library-results-heading{margin:14px 0 6px}
.library-results-heading p,.library-results-heading .text-link{font-size:11px}
.discovery-library-note{font-size:11px;color:var(--muted);margin:0 0 20px;line-height:1.65}
.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.library-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:none;overflow:hidden}
.library-card:hover{border-color:#c5a7af;box-shadow:0 5px 16px #231d2308}
.library-grid:has(.library-placeholder img) .library-placeholder,.library-placeholder{aspect-ratio:4/5;border-bottom:0;background:#f0ece9}
.library-placeholder:has(img){background:#edeae7}
.library-placeholder img{object-fit:contain}
.library-type,.library-setting,.example-card-label{display:none}
.library-placeholder-center{color:#806f77}
.library-placeholder-center .icon{width:36px;height:36px;stroke-width:1.2}
.library-placeholder:not(:has(img)){aspect-ratio:1.75}
.library-card-body{padding:17px 17px 15px}
.discovery-preview-credit{font-size:10px;color:var(--accent);margin:0 0 10px;font-weight:550}
.library-card-source{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:10px;margin:0 0 10px;color:var(--muted)}
.library-card-source>span{max-width:60%;text-align:left;color:var(--muted)}
.library-card-source>.library-model-name{margin-left:auto;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;padding:3px 6px;border:1px solid var(--line);border-radius:4px}
.library-card h3{font-size:14px;line-height:1.5;letter-spacing:-.15px;min-height:42px;margin:0 0 9px;font-weight:650}
.library-prompt-peek{background:transparent;border:0;border-radius:0;margin:0 0 16px;color:var(--muted)}
.library-prompt-peek>span{display:none}
.library-prompt-peek>p{font-size:12px;line-height:1.7;padding:0;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;color:var(--muted)}
.library-card-actions{display:flex;gap:8px;margin-top:auto;border-top:1px solid var(--line);padding-top:13px}
.library-card-actions .button{min-height:36px;padding:8px 10px;font-size:11px;flex:1;white-space:nowrap}
.library-card-actions .icon{width:14px;height:14px}
.library-use-secondary{background:var(--surface)}
.library-pagination{margin:30px 0 56px;font-size:12px}
.pagination-number{border-radius:6px;background:var(--surface)}
.discovery-compose-section{padding-bottom:28px}
.discovery-compose-details{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0 20px}
.discovery-compose-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;font-size:14px;font-weight:600}
.discovery-compose-details>summary::-webkit-details-marker{display:none}
.discovery-compose-details[open]>summary{border-bottom:1px solid var(--line);margin-bottom:20px}
.library-composer{width:100%;margin-bottom:20px;box-shadow:none;background:var(--surface);border-color:var(--line)}
.library-composer-input{background:var(--paper);border-color:var(--line)}
.library-composer textarea{color:var(--ink)}
.library-composer textarea::placeholder{color:var(--muted)}
.library-composer-tools>span{font-size:11px;max-width:none}
.library-look-strip{padding:26px 0 34px;border-top:1px solid var(--line)}
.library-strip-heading h2{font-size:23px;font-weight:650}
.library-style-rail{gap:14px}
.library-style-card{aspect-ratio:3/4;border-radius:10px}
.library-style-card::after{display:none}
.library-style-label{background:var(--surface);color:var(--ink);left:0;right:0;bottom:0;padding:11px;font-size:11px}
.library-style-card>small{display:none}
.library-looks-caption{font-size:11px;color:var(--muted)}
.case-section{border-top:1px solid var(--line);padding-top:30px}
.case-section h2{font-family:var(--font);font-size:26px;font-weight:650}
.case-card{background:var(--surface);border-color:var(--line);border-radius:12px}
.case-card h3{font-size:15px;letter-spacing:-.15px}
.case-card a>div{padding:16px}
.case-disclosure{font-size:12px!important;color:var(--muted)}
.library-guide{border-top:1px solid var(--line);padding-block:35px 50px}
.library-guide h2{font-size:28px;line-height:1.2}
.library-faq h3{font-size:20px}
body>.site-footer{width:auto;max-width:1600px;padding-block:28px;font-size:12px}
.site-footer .brand{font-size:18px;letter-spacing:-.6px}
.site-footer .brand>.icon{width:20px;height:20px}
.footer-tagline,.site-footer p{font-size:11px;color:var(--muted)}
.prompt-page-header h1{font-family:var(--font);font-weight:650;font-size:clamp(28px,3vw,44px);letter-spacing:-1px}
.prompt-document,.prompt-help section,.prompt-result-preview,.case-observations{background:var(--surface);border-color:var(--line);border-radius:12px}
.prompt-page-header>p:not(.eyebrow),.prompt-help p,.untested-note{color:var(--muted)}
.prompt-help h2,.prompt-document-heading h2,.case-page h2{font-family:var(--font);font-weight:600}
.prompt-help{gap:18px}
.full-prompt{font-size:14px;line-height:1.85}
.guide-hero h1,.intro h1{font-size:clamp(36px,4vw,58px);line-height:1.1}
.select-trigger,.select-menu,.studio-submit,.studio-dialog,.studio-header,.account-dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
.select-option[aria-selected=true]{background:var(--soft);color:var(--accent)}
.select-option.is-active{background:var(--soft)}
@media(min-width:1600px){.library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){:root{--sidebar-width:208px}body .wrap,body[data-page=library] .wrap{margin-inline:24px}.discovery-header-caption{display:none}.library-grid{gap:16px}.library-card-body{padding:13px}.discovery-sidebar{padding-inline:14px}.library-search{width:310px}.library-selects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-hero h1{font-size:32px}.discovery-example-link{display:none}.library-search{width:275px}.library-style-rail{grid-auto-columns:140px;grid-template-columns:none;display:grid;grid-auto-flow:column;overflow:auto}.library-sort-control{margin-left:0}.library-card h3{font-size:14px}.library-composer-tools>span{display:none}}
@media(max-width:760px){:root{--sidebar-width:228px}body>main{margin-left:0}body .wrap,body[data-page=library] .wrap{margin-inline:20px}body>.site-footer{margin-left:20px;margin-right:20px}.discovery-sidebar{transform:translateX(-100%);transition:transform .2s;visibility:hidden}.navigation-open .discovery-sidebar{transform:translateX(0);visibility:visible}.navigation-open{overflow:hidden}body .site-header,body[data-page=library] .site-header{margin-left:0;padding:0 16px;min-height:64px;gap:12px}.discovery-header-left{gap:10px}.discovery-menu{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.discovery-header-home{font-size:13px}.header-actions{gap:8px}.header-create{font-size:11px;padding:8px 10px;min-height:36px}.header-create .icon{width:15px;height:15px}.library-hero{padding:27px 0 22px}.library-hero h1{font-size:32px;line-height:1.17;letter-spacing:-1px}.library-hero h1 em{display:block}.library-hero-description{font-size:12px;margin:12px 0 14px}.discovery-popular{font-size:11px;gap:14px}.library-all-heading{flex-wrap:wrap;gap:14px;padding-bottom:14px}.library-all-heading h2{font-size:21px}.library-heading-tools{width:100%}.library-search{width:100%;height:46px;min-height:46px}.library-search input{font-size:16px}.library-filters{padding-top:19px}.library-browse-bar{gap:10px}.library-sort-control{width:146px}.library-sort-control .select-trigger{font-size:11px;padding-left:10px}.library-sort-control .select-chevron{right:10px}.composer-tool{font-size:11px;padding:8px}.discovery-active-category{font-size:11px}.library-results-heading{gap:10px}.discovery-library-note{font-size:10px;margin-bottom:16px}.library-grid{gap:12px}.library-card{border-radius:10px}.library-card-body{padding:12px}.library-card h3{font-size:12px;min-height:36px;line-height:1.5}.library-card-source{display:block;margin-bottom:8px}.library-card-source>span{max-width:100%;font-size:9px}.library-card-source>.library-model-name{display:block;width:fit-content;max-width:100%;font-size:8px;padding:2px 4px;margin:5px 0 0}.library-prompt-peek>p{font-size:11px;line-height:1.65;min-height:36px}.library-card-actions{display:grid;grid-template-columns:1fr;gap:6px;padding-top:10px}.library-card-actions .button{min-height:34px;font-size:10px;padding:6px}.library-card-actions .icon{width:13px;height:13px}.library-pagination{margin-bottom:34px}.discovery-compose-details{padding-inline:16px}.discovery-compose-details>summary{font-size:13px;gap:15px}.library-compose-submit{min-height:42px}.library-strip-heading h2{font-size:22px}.library-guide{display:block}.library-faq{margin-top:28px}.prompt-page-layout{grid-template-columns:1fr}.prompt-page-header h1{font-size:30px}.prompt-page,.case-page,.examples-page{padding-top:24px}.case-grid{gap:12px}.case-section h2{font-size:24px}.prompt-document{padding:20px}.full-prompt{font-size:14px}.site-footer .footer-nav{gap:14px}.auth-sign-in{font-size:11px;min-height:36px;padding:8px}}
@media(max-width:380px){body .wrap,body[data-page=library] .wrap{margin-inline:14px}.library-grid{gap:9px}.library-card-body{padding:10px}.discovery-popular{gap:11px}.header-create .icon{display:none}.library-card-source>.library-model-name{max-width:130px}.library-sort-control{width:130px}}
@media(prefers-color-scheme:dark){:root{--paper:#17181c;--ink:#ede9ea;--muted:#b1a9ad;--accent:#e699ac;--accent-dark:#f1b2c1;--soft:#35252d;--line:#393438;--surface:#202126;--sidebar:#1c1c21}.button-primary,.library-compose-submit{background:#a92e43;color:#fff;border-color:#a92e43}.button-primary:hover,.library-compose-submit:hover{background:#852236;color:#fff}.library-placeholder,.library-card:nth-child(3n+2) .library-placeholder,.library-card:nth-child(3n+3) .library-placeholder{background:#302c30}.library-placeholder:has(img){background:#302c30}.library-placeholder-center{color:#b1a9ad}.library-card:hover{border-color:#83636d}.case-card img{background:#302c30}.select-trigger:hover:not(:disabled){background:var(--soft);border-color:#83636d}.library-compose-options select,.library-selects select,.search input,.library-composer textarea,#prompt-text,.variation-label select,.builder-form input,.builder-form select{background:var(--surface);color:var(--ink);border-color:var(--line)}.studio-canvas,.studio-preview-column{background:var(--paper)}.studio-dialog .dialog-content{background:var(--surface)}.prompt-result-preview figcaption,.case-disclosure,.library-faq p,.library-guide p{color:var(--muted)}.library-faq details,.library-faq summary{border-color:var(--line)}.pagination-number{color:var(--ink);border-color:var(--line)}.pagination-number[aria-current=page]{background:#a92e43;color:#fff}.guide-hero,.intro,.tips,.how,.starter-prompt,.builder-form{background:var(--surface);color:var(--ink)}}
@media(prefers-reduced-motion:reduce){.discovery-sidebar{transition:none}a,button,.library-card{transition:none}}
@media(max-width:760px){.discovery-menu{width:44px;height:44px}.header-create,.auth-sign-in{min-height:44px}.discovery-category{min-height:44px}.composer-tool,.library-sort-control .select-trigger{min-height:44px;height:44px}.library-card-actions .button{min-height:44px}.library-sort-control{width:146px}}
.discovery-mobile-brand{display:none}
@media(max-width:760px){.discovery-mobile-brand{display:block;max-width:115px;line-height:1.2;font-size:14px;letter-spacing:-.4px}.discovery-desktop-title{display:none}}
.import-image-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;align-items:start}
.import-image-gallery img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line);background:var(--surface)}
.library-card-source:not(:has(.library-source-name))>.library-model-name{margin-left:0;max-width:100%}
@media(max-width:760px){.import-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}