.prompts-page{background-color:#f8f7f5;min-height:100vh}.prompts-container{max-width:1000px;margin:0 auto;width:100%;padding:2rem 1rem}.prompt-tabs{display:flex;gap:2rem;border-bottom:1px solid #e6e0db;margin-bottom:2rem;overflow-x:auto}.prompt-tab{padding:1rem 0 .8rem;font-size:.875rem;font-weight:700;color:#8a7560;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:color .2s;background:none;border-top:none;border-left:none;border-right:none}.prompt-tab:hover{color:#f97316}.prompt-tab.active{color:#181411;border-bottom-color:#f97316}.prompt-search{margin:1rem 0 1.5rem;display:flex;gap:.75rem;align-items:center}.prompt-search input{width:100%;border:1px solid #e6e0db;border-radius:.75rem;padding:.75rem 1rem;font-size:.9rem;color:#181411;background:#fdf7f1;transition:border-color .2s ease,box-shadow .2s ease}.prompt-search input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.prompt-search-reset{border:1px solid #e6e0db;background:#fff;color:#6f5d4a;font-size:.85rem;font-weight:600;padding:.55rem .9rem;border-radius:.6rem;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.prompt-search-reset:hover:not(:disabled){border-color:#f97316;color:#f97316}.prompt-search-reset:disabled{opacity:.5;cursor:not-allowed}.prompt-search-count{margin:-.75rem 0 1.5rem;color:#8a7560;font-size:.8rem}.prompt-card-list{display:flex;flex-direction:column;gap:1.5rem}.prompt-card{background:#fff;border-radius:.75rem;border:1px solid #e6e0db;overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s}.prompt-card:hover{box-shadow:0 4px 12px #0000001a}.prompt-card-image{display:flex;flex-direction:column}@media(min-width:768px){.prompt-card-image{flex-direction:row}}.prompt-card-image .prompt-card-thumb{width:100%;min-height:12rem;max-height:20rem;overflow:hidden;background:#e6e0db;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.prompt-card-image .prompt-card-thumb{width:40%;min-height:16rem;max-height:24rem}}.prompt-card-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s}.prompt-card-placeholder{color:#8a7560;font-size:.875rem}.prompt-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 .25rem}.prompt-tag{background:#f3f0ec;color:#8a7560;font-size:.75rem;padding:.25rem .75rem;border-radius:999px;font-weight:500;letter-spacing:.01em;border:1px solid #e6e0db;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prompt-card:hover .prompt-card-thumb img{transform:scale(1.05)}.prompt-card-image .prompt-card-body{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.prompt-card-text{padding:1.5rem}.prompt-card-text .prompt-card-inner{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.prompt-card-text .prompt-card-inner{flex-direction:row;align-items:flex-start;justify-content:space-between}}.prompt-card-system{padding:1.5rem;border-left:4px solid #f97316}.prompt-card-system .prompt-card-inner{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.prompt-card-system .prompt-card-inner{flex-direction:row;align-items:flex-start;justify-content:space-between}}.prompt-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.prompt-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;border-radius:.25rem}.prompt-badge-billede{background:#f973161a;color:#f97316}.prompt-badge-tekst{background:#dbeafe;color:#2563eb}.prompt-badge-system{background:#f3f4f6;color:#4b5563}.prompt-card-role{font-size:.75rem;color:#8a7560}.prompt-card-title{font-size:1.125rem;font-weight:700;color:#181411;margin-bottom:.25rem}.prompt-card-image .prompt-card-title{font-size:1.25rem;margin-bottom:.5rem}.prompt-card-desc{font-size:.875rem;color:#8a7560;line-height:1.6}.prompt-markdown{line-height:1.6}.prompt-markdown>:first-child{margin-top:0}.prompt-markdown>:last-child{margin-bottom:0}.prompt-markdown p{margin:0 0 .6rem}.prompt-markdown h1,.prompt-markdown h2,.prompt-markdown h3,.prompt-markdown h4{margin:.75rem 0 .45rem;line-height:1.35;color:#181411}.prompt-markdown h1{font-size:1.3rem}.prompt-markdown h2{font-size:1.15rem}.prompt-markdown h3,.prompt-markdown h4{font-size:1rem}.prompt-markdown ul,.prompt-markdown ol{margin:0 0 .7rem;padding-left:1.3rem}.prompt-markdown li{margin-bottom:.3rem}.prompt-markdown code{background:#f1ebe6;border-radius:.35rem;padding:.08rem .35rem;font-family:Courier New,monospace;font-size:.92em}.prompt-markdown pre{background:#fff;border:1px solid #eadfd5;border-radius:.55rem;padding:.75rem;margin:0 0 .7rem;overflow-x:auto}.prompt-markdown pre code{background:transparent;padding:0}.prompt-markdown a{color:#e86617;text-decoration:underline}.prompt-markdown blockquote{border-left:3px solid #f5c6a2;padding-left:.75rem;margin:0 0 .7rem;color:#6f5d4a}.prompt-card-counters{display:inline-flex;align-items:center;gap:.9rem;margin-top:.55rem}.prompt-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.prompt-card-stats{display:flex;gap:1rem}.prompt-card-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#8a7560}.prompt-card-stat svg{width:14px;height:14px}.prompt-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:#f97316;color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s}.prompt-btn-primary:hover{opacity:.9}.prompt-btn-primary svg{width:14px;height:14px}.prompt-btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:#f8f7f5;color:#181411;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:700;border:1px solid #e6e0db;cursor:pointer;text-decoration:none;transition:background-color .2s;flex-shrink:0}.prompt-btn-secondary:hover{background:#e6e0db}.prompt-pager{display:flex;align-items:center;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e6e0db}.prompt-pager-btn{display:flex;align-items:center;gap:.5rem;color:#8a7560;font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;transition:color .2s}.prompt-pager-btn:hover:not(:disabled){color:#f97316}.prompt-pager-btn:disabled{opacity:.4;cursor:default}.prompt-pager-btn svg{width:14px;height:14px}.prompt-pager-pages{display:flex;gap:.5rem}.prompt-pager-page{width:2rem;height:2rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;color:#8a7560;background:none;border:none;cursor:pointer;transition:background-color .2s,color .2s}.prompt-pager-page:hover{background:#f973161a}.prompt-pager-page.active{background:#f97316;color:#fff;font-weight:700}.prompt-detail{max-width:1200px;margin:0 auto;width:100%;padding:2rem 1.5rem}.prompt-detail-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:1024px){.prompt-detail-grid{grid-template-columns:2fr 1fr}}.prompt-breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:1.5rem}.prompt-breadcrumbs a{color:#8a7560;text-decoration:none;transition:color .2s}.prompt-breadcrumbs a:hover{color:#f97316}.prompt-breadcrumbs svg{width:12px;height:12px;color:#8a7560}.prompt-breadcrumbs span{color:#181411;font-weight:500}.prompt-detail-hero{position:relative;width:100%;max-height:600px;border-radius:.75rem;overflow:hidden;background:#e6e0db;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.prompt-detail-hero img{max-width:100%;max-height:600px;height:auto;width:auto;display:block;-o-object-fit:contain;object-fit:contain}.prompt-carousel{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;outline:none}.prompt-carousel-image{position:relative;border:none;background:transparent;padding:0;width:100%;cursor:zoom-in;display:flex;justify-content:center}.prompt-carousel-badge{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500;pointer-events:none;box-shadow:0 2px 4px #0000004d}.prompt-lightbox-badge{position:absolute;bottom:1rem;right:1rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:1.1rem;font-weight:500;pointer-events:none;box-shadow:0 4px 12px #00000080}.prompt-carousel-image img{max-width:100%;max-height:600px;border-radius:.75rem;box-shadow:0 20px 35px #0000002e;transition:transform .3s ease,box-shadow .3s ease}.prompt-carousel-image:hover img,.prompt-carousel-image:focus-visible img{transform:scale(1.01);box-shadow:0 24px 45px #00000038}.prompt-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.65);background:#181411b3;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;z-index:2}.prompt-carousel-btn:hover,.prompt-carousel-btn:focus-visible{background:#181411e6;transform:translateY(-50%) scale(1.05)}.prompt-carousel-btn svg{width:22px;height:22px}.prompt-carousel-btn-prev{left:1rem}.prompt-carousel-btn-next{right:1rem}.prompt-carousel-thumbs{display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;max-width:100%}.prompt-carousel-thumbs::-webkit-scrollbar{height:6px}.prompt-carousel-thumbs::-webkit-scrollbar-track{background:transparent}.prompt-carousel-thumbs::-webkit-scrollbar-thumb{background:#18141133;border-radius:4px}.prompt-carousel-thumb{width:64px;height:48px;border-radius:.5rem;border:2px solid transparent;padding:0;overflow:hidden;background:#fff;cursor:pointer;transition:border .2s,transform .2s}.prompt-carousel-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.prompt-carousel-thumb.is-active{border-color:#f97316;transform:translateY(-2px)}.prompt-carousel-counter{font-size:.875rem;font-weight:600;color:#181411b3}.prompt-lightbox{position:fixed;inset:0;background:#0b0a09bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999;padding:2rem}.prompt-lightbox-backdrop{position:absolute;inset:0;background:transparent;border:none;cursor:pointer}.prompt-lightbox-content{position:relative;max-width:min(1100px,90vw);max-height:90vh;display:flex;align-items:center;justify-content:center;background:#100e0de6;border-radius:1.5rem;padding:2.5rem;box-shadow:0 30px 60px #0006;z-index:1}.prompt-lightbox-content img{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:1rem}.prompt-lightbox-close{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:.5rem .9rem;display:inline-flex;gap:.4rem;align-items:center;cursor:pointer;font-size:.875rem}.prompt-lightbox-close svg{width:16px;height:16px}.prompt-lightbox-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;border:1px solid rgba(255,255,255,.25)}.prompt-lightbox-btn.prev{left:1.5rem}.prompt-lightbox-btn.next{right:1.5rem}.prompt-lightbox-counter{position:absolute;bottom:1.5rem;color:#fff;font-weight:600;font-size:.9rem}.prompt-detail-title{font-size:2.25rem;font-weight:700;color:#181411;margin-bottom:1rem}.prompt-detail-description{font-size:1.125rem;color:#181411cc;line-height:1.6;margin-bottom:2rem}.prompt-markdown-description{font-size:1.125rem;color:#181411cc}.prompt-detail-section{background:#fff;padding:2rem;border-radius:.75rem;border:1px solid #e6e0db;box-shadow:0 1px 2px #0000000d;margin-bottom:2rem}.prompt-detail-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.prompt-detail-section-header svg{width:24px;height:24px;color:#f97316}.prompt-detail-section-header h3{font-size:1.25rem;font-weight:700}.prompt-detail-content{background:#f973160d;border:2px solid rgba(249,115,22,.2)}.prompt-detail-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.prompt-detail-code{background:#fff;padding:1.5rem;border-radius:.5rem;border:1px solid rgba(249,115,22,.2);font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;color:#181411;white-space:pre-wrap;word-break:break-word}.prompt-detail-example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.prompt-detail-example-body{color:#181411cc;line-height:1.6}.btn{display:inline-flex;align-items:center;gap:.5rem;background:#f97316;color:#fff;padding:.625rem 1.5rem;border-radius:.5rem;font-weight:700;font-size:.875rem;border:none;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.95)}.btn svg{width:18px;height:18px}.btn-small{display:inline-flex;align-items:center;gap:.25rem;color:#8a7560;background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:700;transition:color .2s}.btn-small:hover{color:#f97316}.btn-small svg{width:18px;height:18px}.prompt-sidebar-card{background:#fff;padding:1.5rem;border-radius:.75rem;border:1px solid #e6e0db;box-shadow:0 1px 2px #0000000d;margin-bottom:1.5rem}.prompt-sidebar-heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8a7560;margin-bottom:1rem}.prompt-sidebar-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.prompt-sidebar-row+.prompt-sidebar-row{border-top:1px solid #f3f4f6}.prompt-sidebar-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#8a7560}.prompt-sidebar-label svg{width:18px;height:18px}.prompt-sidebar-value{font-size:.875rem;font-weight:600}.prompt-tags{display:flex;flex-wrap:wrap;gap:.5rem}.prompt-tag{padding:.25rem .75rem;background:#f5f2f0;border-radius:9999px;font-size:.75rem;font-weight:500;color:#181411;text-decoration:none;transition:background-color .2s,color .2s}.prompt-tag:hover{background:#f973161a;color:#f97316}.prompt-empty{text-align:center;padding:4rem 1rem}.prompt-empty p:first-child{font-size:1.125rem;color:#4b5563;margin-bottom:.5rem}.prompt-empty p:last-child{color:#8a7560}