:root{color:#20231f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#20231f;--ink-2:#4f554e;--muted:#737a72;--surface:#fff;--canvas:#f4f5f2;--canvas-2:#eaede8;--line:#d9ddd7;--line-strong:#bcc3ba;--dark:#111410;--dark-2:#1a1e19;--amber:#c7852c;--amber-soft:#f7ead8;--green:#2d7352;--green-soft:#e5f1eb;--blue:#315f73;--header:64px;--sidebar:248px;--shadow:0 20px 60px #1b1f1a29;background:#f4f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button,select,summary{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #c7852c61}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{letter-spacing:0;margin-top:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.library-app{min-height:100vh}.app-header{z-index:40;grid-template-columns:var(--sidebar) minmax(280px,680px) 1fr;min-height:var(--header);color:#f5f2ea;background:#111410fa;border-bottom:1px solid #2c302b;align-items:center;display:grid;position:fixed;inset:0 0 auto}.library-brand{height:var(--header);color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 20px;display:flex}.library-brand img{object-fit:contain;width:132px;height:28px}.library-brand span{color:#aeb4ab;text-transform:uppercase;white-space:nowrap;border-left:1px solid #444a42;padding-left:12px;font-size:.64rem;font-weight:800}.global-search{color:#9fa69c;background:#1a1e19;border:1px solid #454b43;border-radius:5px;align-items:center;height:40px;margin:0 16px;display:flex;position:relative}.global-search>svg{flex:none;margin-left:12px}.global-search input{color:#f5f2ea;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 10px;font-size:.82rem}.global-search input::placeholder{color:#858d82}.global-search kbd{color:#929a8f;border:1px solid #495048;border-radius:3px;flex:none;margin-right:8px;padding:3px 6px;font-size:.57rem}.global-search button{color:#a9b0a6;background:0 0;border:0;flex:none;place-items:center;width:32px;height:32px;margin-right:3px;padding:0;display:grid}.header-actions{justify-content:flex-end;align-items:center;gap:16px;padding-right:20px;display:flex}.library-count{color:#aab0a7;white-space:nowrap;font-size:.66rem}.library-count strong{color:#f5f2ea}.new-prompt{color:#17140f;text-transform:uppercase;background:#e9b15f;border:1px solid #d99b48;border-radius:4px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:.67rem;font-weight:850;display:inline-flex}.mobile-menu{display:none}.library-sidebar{z-index:30;top:var(--header);width:var(--sidebar);color:#dce0d9;background:var(--dark);border-right:1px solid #2d332c;flex-direction:column;padding:16px 12px;display:flex;position:fixed;bottom:0;left:0}.sidebar-mobile-head{display:none}.primary-nav,.category-nav{gap:3px;display:grid}.primary-nav button,.category-nav button{color:#aeb5ab;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:38px;padding:0 10px;font-size:.75rem;display:grid}.primary-nav button:hover,.category-nav button:hover{color:#f4f1e9;background:#1a1e19}.primary-nav button.active,.category-nav button.active{color:#fffaf0;background:#22271f;border-color:#4f554d}.primary-nav button.active svg,.category-nav button.active svg{color:#e6ae5c}.primary-nav button b,.category-nav button b{color:#899087;text-align:right;min-width:20px;font-size:.61rem}.sidebar-label{color:#777f75;text-transform:uppercase;margin:22px 10px 8px;font-size:.57rem;font-weight:850}.sidebar-note{color:#8e978b;border-top:1px solid #323731;grid-template-columns:19px 1fr;gap:9px;margin-top:auto;padding:12px;display:grid}.sidebar-note svg{color:#d69a46}.sidebar-note strong{color:#d7dcd4;margin-bottom:4px;font-size:.66rem;display:block}.sidebar-note p{margin:0;font-size:.61rem;line-height:1.45}.nav-scrim{display:none}.library-main{min-height:100vh;margin-left:var(--sidebar);padding:calc(var(--header) + 28px) 28px 60px}.library-heading{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1360px;margin:0 auto 24px;display:flex}.section-kicker{color:var(--amber);text-transform:uppercase;margin-bottom:7px;font-size:.61rem;font-weight:850}.library-heading h1{margin-bottom:7px;font-size:2rem;line-height:1.1}.library-heading>div:first-child>p:last-child{max-width:650px;color:var(--muted);margin-bottom:0;font-size:.82rem;line-height:1.5}.heading-stat{border-left:2px solid var(--amber);min-width:190px;padding:10px 0 10px 16px}.heading-stat span,.heading-stat strong,.heading-stat small{display:block}.heading-stat span{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:.52rem;font-weight:800}.heading-stat strong{font-size:.83rem}.heading-stat small{color:var(--muted);margin-top:3px;font-size:.63rem}.filter-bar{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:8px;max-width:1360px;min-height:52px;margin:0 auto;padding:8px;display:flex}.filter-label{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;padding:0 8px;font-size:.66rem;font-weight:800;display:inline-flex}.filter-bar label{border:1px solid var(--line);background:#fafbf9;border-radius:4px;align-items:center;min-width:170px;height:34px;display:flex;position:relative}.filter-bar label select{width:100%;height:100%;color:var(--ink-2);appearance:none;background:0 0;border:0;outline:0;padding:0 30px 0 10px;font-size:.69rem}.filter-bar label>svg{color:var(--muted);pointer-events:none;position:absolute;right:9px}.filter-bar .sort-control{margin-left:auto}.filter-bar .sort-control>svg:first-child{flex:none;margin-left:9px;position:static}.filter-bar .sort-control select{padding-left:6px}.clear-filters{min-height:34px;color:var(--blue);background:0 0;border:0;padding:0 9px;font-size:.66rem;font-weight:750}.results-summary{max-width:1360px;color:var(--muted);gap:5px;margin:17px auto 10px;font-size:.68rem;display:flex}.results-summary strong{color:var(--ink)}.prompt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1360px;margin:0 auto;display:grid}.prompt-card{border:1px solid var(--line);background:var(--surface);border-radius:6px;flex-direction:column;min-height:250px;padding:16px 16px 0;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative}.prompt-card:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 8px 24px #1f251e14}.save-button{color:#8b9289;background:0 0;border:0;border-radius:4px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:10px;right:10px}.save-button:hover{color:var(--amber);background:var(--amber-soft)}.save-button:has(svg.lucide-bookmark-check){color:var(--amber)}.card-meta{align-items:center;gap:8px;min-height:23px;padding-right:35px;display:flex}.card-meta>span{color:var(--blue);text-transform:uppercase;font-size:.57rem;font-weight:850}.card-meta b{color:var(--amber);text-transform:uppercase;align-items:center;gap:3px;font-size:.53rem;font-weight:800;display:inline-flex}.prompt-card h2{margin:12px 36px 7px 0;font-size:1.02rem;line-height:1.3}.prompt-card h2 button{color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-weight:760}.prompt-card h2 button:hover{color:var(--blue)}.prompt-card>p{color:var(--ink-2);margin-bottom:14px;font-size:.73rem;line-height:1.5}.tag-row{flex-wrap:wrap;gap:5px;margin-top:auto;margin-bottom:14px;display:flex}.tag-row span{border:1px solid var(--line);color:var(--muted);background:#f8f9f7;border-radius:3px;padding:4px 6px;font-size:.55rem}.prompt-card footer{border-top:1px solid var(--line);min-height:46px;color:var(--muted);grid-template-columns:auto 1fr 34px;align-items:center;gap:9px;margin:0 -16px;padding-left:16px;font-size:.58rem;display:grid}.prompt-card footer>span{align-items:center;gap:5px;display:inline-flex}.prompt-card footer>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-card footer button{border:0;border-left:1px solid var(--line);width:34px;color:var(--ink-2);background:#fafbf9;align-self:stretch;place-items:center;padding:0;display:grid}.empty-state{border:1px dashed var(--line-strong);text-align:center;background:#ffffff73;max-width:1360px;margin:0 auto;padding:70px 20px}.empty-state svg{color:var(--muted)}.empty-state h2{margin:12px 0 6px;font-size:1rem}.empty-state p{color:var(--muted);font-size:.76rem}.empty-state button{border:1px solid var(--line-strong);min-height:36px;color:var(--ink);background:var(--surface);border-radius:4px;padding:0 12px;font-size:.68rem;font-weight:800}.inspector-layer{z-index:70;position:fixed;inset:0}.inspector-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11141075;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.prompt-inspector{width:min(680px,100vw);height:100%;color:var(--ink);background:var(--surface);box-shadow:var(--shadow);grid-template-rows:auto auto auto minmax(0,1fr) auto;animation:.22s ease-out both inspector-in;display:grid;position:absolute;top:0;right:0}.prompt-inspector>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;display:flex}.prompt-inspector>header>div:first-child{align-items:center;gap:9px;display:flex}.prompt-inspector>header span{color:var(--blue);text-transform:uppercase;font-size:.57rem;font-weight:850}.prompt-inspector>header strong{border-left:1px solid var(--line);color:var(--muted);padding-left:9px;font-size:.6rem}.prompt-inspector>header>div:last-child{gap:4px;display:flex}.prompt-inspector>header button{width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;display:grid}.prompt-inspector>header button:hover{border-color:var(--line);color:var(--ink);background:var(--canvas)}.prompt-inspector>header button.saved{color:var(--amber)}.inspector-title{padding:20px 22px 17px}.inspector-title h2{margin-bottom:7px;font-size:1.45rem;line-height:1.25}.inspector-title>p{color:var(--ink-2);margin-bottom:12px;font-size:.78rem;line-height:1.5}.inspector-title>div{color:var(--muted);gap:16px;font-size:.62rem;display:flex}.inspector-title span{align-items:center;gap:5px;display:inline-flex}.inspector-tabs{border-bottom:1px solid var(--line);padding:0 22px;display:flex}.inspector-tabs button{min-height:40px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 14px;font-size:.69rem;font-weight:780}.inspector-tabs button[aria-selected=true]{border-bottom-color:var(--amber);color:var(--ink)}.inspector-tabs button span{color:var(--muted);margin-left:4px;font-size:.58rem}.inspector-body{padding:18px 22px 28px;overflow:auto}.variable-form{gap:15px;display:grid}.context-intro{color:var(--green);background:var(--green-soft);border:1px solid #c8dad0;border-radius:4px;grid-template-columns:20px 1fr;gap:8px;padding:11px;display:grid}.context-intro p{margin:0;font-size:.65rem;line-height:1.45}.context-intro strong{display:block}.variable-form label>span{color:var(--ink);align-items:center;gap:7px;margin-bottom:6px;font-size:.67rem;font-weight:760;display:flex}.variable-form label b{color:var(--amber);text-transform:uppercase;font-size:.5rem;font-weight:850}.variable-form textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:58px;color:var(--ink);background:#fbfcfa;border-radius:4px;padding:10px;font-size:.74rem;line-height:1.45;display:block}.variable-form textarea::placeholder{color:#989f96}.preview-button{border:1px solid var(--dark);color:#f6f2e9;background:var(--dark);border-radius:4px;justify-content:center;justify-self:start;align-items:center;gap:7px;min-height:39px;padding:0 14px;font-size:.68rem;font-weight:800;display:inline-flex}.prompt-preview{min-height:300px}.preview-status{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.preview-status span{color:var(--green);align-items:center;gap:5px;font-size:.63rem;font-weight:800;display:inline-flex}.preview-status button{color:var(--blue);background:0 0;border:0;font-size:.63rem;font-weight:750}.prompt-preview pre{border:1px solid var(--line);color:#2d322c;white-space:pre-wrap;word-break:break-word;background:#f5f7f4;border-radius:5px;min-height:300px;margin:0;padding:16px;font:.72rem/1.58 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:visible}.use-guidance{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.use-guidance h3{text-transform:uppercase;margin-bottom:9px;font-size:.72rem}.use-guidance p{color:var(--muted);grid-template-columns:15px 1fr;gap:6px;margin-bottom:6px;font-size:.64rem;line-height:1.4;display:grid}.use-guidance svg{color:var(--green)}.prompt-inspector>footer{border-top:1px solid var(--line);background:#fafbf9;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:70px;padding:10px 18px;display:grid}.prompt-inspector>footer>div>span{color:var(--muted);margin-bottom:5px;font-size:.58rem;display:block}.field-progress{background:var(--line);width:150px;height:3px;overflow:hidden}.field-progress i{background:var(--amber);height:100%;transition:width .18s;display:block}.prompt-inspector>footer>button{border:1px solid var(--dark);color:#f8f4ec;background:var(--dark);border-radius:4px;justify-content:center;align-items:center;gap:7px;min-width:142px;min-height:42px;padding:0 16px;font-size:.7rem;font-weight:820;display:inline-flex}.prompt-inspector>footer>button.copied{border-color:var(--green);background:var(--green)}@keyframes inspector-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=1120px){.app-header{grid-template-columns:var(--sidebar) minmax(260px,1fr) auto}.library-count{display:none}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar label{min-width:145px}}@media (width<=820px){:root{--header:58px}.app-header{grid-template-columns:44px 150px minmax(0,1fr);padding:0 10px}.mobile-menu{color:#e8e9e5;background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:grid}.library-brand{height:58px;padding:0 8px}.library-brand img{width:122px}.library-brand span,.header-actions{display:none}.global-search{margin:0}.global-search kbd{display:none}.library-sidebar{z-index:82;width:min(320px,88vw);box-shadow:var(--shadow);transition:transform .19s;top:0;transform:translate(-105%)}.library-sidebar.open{transform:translate(0)}.sidebar-mobile-head{border-bottom:1px solid #31362f;justify-content:space-between;align-items:center;min-height:46px;padding:0 5px 10px 10px;display:flex}.sidebar-mobile-head strong{text-transform:uppercase;font-size:.72rem}.sidebar-mobile-head button{color:#dfe2dc;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.nav-scrim{z-index:80;background:#0c0e0b8c;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.library-main{padding:calc(var(--header) + 22px) 16px 46px;margin-left:0}.library-heading{align-items:flex-start}.heading-stat{display:none}.filter-bar{scrollbar-width:none;overflow-x:auto}.filter-label{display:none}.filter-bar label{flex:0 0 165px}.filter-bar .sort-control{margin-left:0}.clear-filters{flex:none}}@media (width<=560px){.app-header{grid-template-columns:40px 108px minmax(0,1fr);padding:0 7px}.library-brand{padding-left:2px}.library-brand img{width:104px}.global-search{height:38px;margin-left:5px}.global-search input{padding-right:4px;font-size:.72rem}.library-main{padding-left:12px;padding-right:12px}.library-heading{margin-bottom:17px}.library-heading h1{font-size:1.55rem}.library-heading>div:first-child>p:last-child{font-size:.74rem}.filter-bar{border-left:0;border-right:0;border-radius:0;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.prompt-grid{grid-template-columns:1fr;gap:9px}.prompt-card{min-height:224px}.prompt-inspector{width:100vw}.prompt-inspector>header{padding:0 12px}.inspector-title{padding:16px 15px 14px}.inspector-title h2{font-size:1.2rem}.inspector-tabs{padding:0 8px}.inspector-body{padding:14px 15px 100px}.prompt-inspector>footer{min-height:78px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:#fafbf9fa;position:absolute;bottom:0;left:0;right:0}.field-progress{width:100px}.prompt-inspector>footer>button{min-width:128px}}@media (width<=360px){.app-header{grid-template-columns:38px 82px minmax(0,1fr)}.library-brand img{width:80px}.prompt-card footer>span:nth-child(2){display:none}.prompt-card footer{grid-template-columns:1fr 34px}}@media (orientation:landscape) and (height<=540px) and (width<=940px){.inspector-title{padding-top:10px;padding-bottom:9px}.inspector-title h2{margin-bottom:3px;font-size:1.05rem}.inspector-title>p{margin-bottom:5px}.prompt-inspector>footer{min-height:56px;position:static}.inspector-body{padding-bottom:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.prompt-card:hover,.prompt-card:focus-within{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 8px 24px #1f251e14}.save-button{z-index:3}.prompt-card h2 button:after{content:"";z-index:1;position:absolute;inset:0}.prompt-card h2 button:focus-visible{outline:0}.prompt-card h2 button:focus-visible:after{outline-offset:2px;outline:3px solid #c7852c73}.card-arrow{border-left:1px solid var(--line);color:var(--ink-2);background:#fafbf9;justify-content:center;align-self:stretch}.variable-field{border:0;border-bottom:1px solid var(--line);min-width:0;margin:0;padding:0 0 15px}.field-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.field-heading>strong{font-size:.7rem}.required-toggle{z-index:2;color:var(--muted);align-items:center;gap:6px;font-size:.58rem;font-weight:700;display:inline-flex;position:relative}.required-toggle input{width:15px;height:15px;accent-color:var(--amber);margin:0}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:7px;display:grid}.choice-grid label{border:1px solid var(--line);min-height:34px;color:var(--ink-2);background:#fafbf9;border-radius:3px;align-items:center;gap:7px;padding:6px 8px;font-size:.62rem;display:flex}.choice-grid label:has(input:checked){color:var(--ink);background:var(--amber-soft);border-color:#b78138}.choice-grid input{width:14px;height:14px;accent-color:var(--amber);margin:0}.freeform-field{display:block}@media (width<=420px){.choice-grid{grid-template-columns:1fr}}