:root{--bg:#0f0f10;--panel:#151517;--muted:#9aa0a6;--text:#eef0f2;--brand:#ff3b30;--brand-2:#00ffa3;--ring: rgba(255,255,255,.08);--border: rgba(255,255,255,.06);--border-light: rgba(255,255,255,.08);--border-medium: rgba(255,255,255,.12);--border-hover: rgba(255,255,255,.16);--border-focus: rgba(255,255,255,.22);--backdrop-start: rgba(15,15,16,.85);--backdrop-mid: rgba(15,15,16,.6);--backdrop-end: rgba(15,15,16,0);--card-gradient-start: rgba(255,255,255,.06);--card-gradient-end: rgba(255,255,255,.02);--code-bg: #0b0b0c;--badge-bg: #1a1a1b;--badge-text: #e9edf0;--tag-text: #b8bec4;--desc-text: #c9ced3;--example-label: #cfd3d7;--toast-gradient-start: rgba(255,255,255,.1);--toast-gradient-end: rgba(255,255,255,.06);--shadow: rgba(0,0,0,.35);--shadow-light: rgba(0,0,0,.2);--btn-primary-hover: #dfe3e6;--btn-primary-text: #111;--mega-text: #d0d4d8}[data-theme=light]{--bg: #f8f9fa;--panel: #ffffff;--muted: #6b7280;--text: #111827;--brand: #ff3b30;--brand-2: #00a94f;--ring: rgba(0,0,0,.08);--border: rgba(0,0,0,.06);--border-light: rgba(0,0,0,.08);--border-medium: rgba(0,0,0,.12);--border-hover: rgba(0,0,0,.16);--border-focus: rgba(0,0,0,.22);--backdrop-start: rgba(248,249,250,.85);--backdrop-mid: rgba(248,249,250,.6);--backdrop-end: rgba(248,249,250,0);--card-gradient-start: rgba(0,0,0,.02);--card-gradient-end: rgba(0,0,0,.01);--code-bg: #f1f3f5;--badge-bg: #e5e7eb;--badge-text: #374151;--tag-text: #4b5563;--desc-text: #374151;--example-label: #4b5563;--toast-gradient-start: rgba(0,0,0,.05);--toast-gradient-end: rgba(0,0,0,.03);--shadow: rgba(0,0,0,.15);--shadow-light: rgba(0,0,0,.1);--btn-primary-hover: #e5e7eb;--btn-primary-text: #ffffff;--mega-text: #374151}*{box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1120px;margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:linear-gradient(to bottom,var(--backdrop-start),var(--backdrop-mid) 60%,var(--backdrop-end));border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.2px;color:var(--text);text-decoration:none}.swoosh{display:block;height:16px;width:auto}[data-theme=light] .swoosh{filter:invert(1)}.brand-text{font-size:16px;font-weight:700}.nav{display:flex;align-items:center;gap:18px}.nav-link{color:var(--muted);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;line-height:1}.nav-link:hover{color:var(--text)}.profile-menu{position:relative}.profile-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-medium);background:var(--brand);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s border-color,.15s box-shadow;line-height:1;padding:0}.profile-avatar:hover{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:var(--panel);border:1px solid var(--border-medium);border-radius:12px;padding:8px 0;box-shadow:0 8px 24px var(--shadow);z-index:100;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-name{padding:10px 16px 2px;font-weight:700;font-size:14px;color:var(--text)}.profile-dropdown-email{padding:0 16px 8px;font-size:12px;color:var(--muted);word-break:break-all}.profile-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.profile-dropdown-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit}.profile-dropdown-item:hover{background:var(--border-light)}.hero{position:relative;padding:72px 0 48px;border-bottom:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:500px}.hero.collapsed{max-height:0;padding:0;border-bottom:none}.hero.collapsed .hero-inner{opacity:0;transform:translateY(-20px)}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;transition:opacity .3s ease,transform .3s ease}.hero-title{font-size:44px;line-height:1.05;margin:0 0 10px;font-weight:900;letter-spacing:-.8px}.hero-sub{color:var(--muted);margin:0 0 22px;font-size:18px}.hero-cta{display:flex;gap:12px}.hero-art{position:relative;height:220px}.pill{position:absolute;filter:blur(8px);opacity:.85;border-radius:999px}.pill-1{top:10%;left:5%;width:220px;height:64px;background:linear-gradient(135deg,var(--brand),#ff8a80)}.pill-2{bottom:12%;left:30%;width:180px;height:48px;background:linear-gradient(135deg,#0ff,#00ffa3)}.pill-3{top:32%;right:8%;width:200px;height:56px;background:linear-gradient(135deg,#ffd60a,#ff3b30)}.hero-toggle{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--border-light);border:1px solid var(--border-medium);border-radius:999px;width:40px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.hero-toggle:hover{background:var(--border-hover);border-color:var(--border-focus)}.hero-toggle-icon{width:16px;height:16px;color:var(--muted);transition:transform .3s ease}.hero.collapsed .hero-toggle{position:fixed;top:70px;bottom:auto;background:var(--panel);border:1px solid var(--border-medium);box-shadow:0 4px 12px var(--shadow)}.hero.collapsed .hero-toggle-icon{transform:rotate(180deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:.15s background,.15s color,.15s border,.15s box-shadow;font-family:inherit;line-height:1.4}.btn.small{padding:7px 12px;font-size:13px}.btn-primary{background:var(--text);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:0 1px 4px var(--shadow-light)}.btn-ghost{background:transparent;border-color:var(--border-medium);color:var(--text)}.btn-ghost:hover{border-color:var(--border-focus);background:var(--border-light)}.btn-danger{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-danger:hover{background:#e6352b;border-color:#e6352b;box-shadow:0 1px 4px var(--shadow-light)}.btn-text{background:transparent;border-color:transparent;color:var(--muted);padding:9px 12px}.btn-text:hover{color:var(--text);background:var(--border-light)}.btn-text.danger{color:var(--brand)}.btn-text.danger:hover{background:#ff3b3014;color:var(--brand)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:8px}.form-actions .btn-text.danger{margin-left:auto}.page-header{margin-bottom:24px}.page-header-title{font-size:26px;font-weight:900;margin:0 0 6px;letter-spacing:-.4px}.page-header-desc{color:var(--muted);font-size:15px;margin:0;line-height:1.5}.form-card{background:var(--panel);border:1px solid var(--border-light);border-radius:14px;padding:20px;margin-bottom:16px}.form-card-heading{font-size:14px;font-weight:700;color:var(--text);margin:0 0 4px;text-transform:uppercase;letter-spacing:.4px;font-size:11px}.form-card-desc{font-size:13px;color:var(--muted);margin:0 0 14px;line-height:1.5}.form-card .form-group:last-of-type{margin-bottom:0}.form-card .form-group input:not([type=checkbox]),.form-card .form-group textarea,.form-card .form-group select{background:var(--bg)}.form-card .form-group input:not([type=checkbox]):focus,.form-card .form-group textarea:focus{box-shadow:0 0 0 3px var(--ring)}.form-examples-list{display:flex;flex-direction:column;gap:20px;margin-bottom:16px}.form-example{background:var(--code-bg);border:1px solid var(--border-light);border-radius:14px;padding:20px;transition:border-color .2s ease,box-shadow .2s ease}.form-example:hover{border-color:var(--border-medium)}.form-example-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-example-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.form-example-remove{background:transparent;border:0;color:var(--muted);cursor:pointer;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;transition:color .15s,background .15s}.form-example-remove:hover{color:var(--brand);background:#ff3b3014}.form-example-io{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:540px){.form-example-io{grid-template-columns:1fr}}.form-example-block{min-width:0}.form-example-block-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:8px}.form-example-input textarea{border-left:3px solid var(--brand)}.form-example-output textarea{border-left:3px solid var(--brand-2)}.form-example textarea{width:100%;min-height:80px;resize:vertical;background:var(--panel);border:1px solid var(--border-light);border-radius:10px;padding:12px 14px;color:var(--text);font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease}.form-example textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px var(--ring)}.form-example textarea::placeholder{color:var(--muted)}.form-add-example{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:2px dashed var(--border-medium);border-radius:12px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.form-add-example:hover{border-color:var(--brand-2);color:var(--brand-2);background:#00ffa30a}.form-example-media{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;align-items:flex-start}.media-upload-zone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px dashed var(--border-medium);border-radius:10px;background:#ffffff05;min-width:160px;transition:all .2s ease;cursor:pointer;position:relative}.media-upload-zone:hover:not(.uploading){border-color:var(--border-focus);background:var(--border-light)}.media-upload-zone.drag-over{border-color:var(--brand-2);background:#00ffa30f}.media-upload-zone.uploading{cursor:wait;pointer-events:none}.media-upload-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.media-upload-btn{background:none;border:none;color:var(--brand-2);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;padding:0}.media-upload-btn:hover:not(:disabled){text-decoration:underline}.media-upload-hint{font-size:11px;color:var(--muted)}.media-upload-progress{position:relative;width:100%;height:6px;background:var(--border-light);border-radius:999px;overflow:hidden}.media-upload-progress-bar{height:100%;background:var(--brand-2);transition:width .2s ease}.media-upload-progress-text{font-size:11px;color:var(--muted)}.media-paste-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:100px;padding:16px;border-radius:10px;border:1px solid var(--border-light);background:var(--panel)}.media-paste-loading span{font-size:12px;color:var(--muted);font-weight:500}.media-paste-loading-spinner{width:24px;height:24px;border-radius:50%;border:3px solid var(--border-medium);border-top-color:var(--brand-2);animation:paste-spin .7s linear infinite}@keyframes paste-spin{to{transform:rotate(360deg)}}.media-preview{display:flex;flex-direction:column;gap:6px;padding:0;border:1px solid var(--border-light);border-radius:10px;background:var(--panel);width:100%;overflow:hidden}.media-preview-content{min-width:0}.media-preview-img{width:100%;height:220px;border-radius:10px;cursor:pointer;object-fit:cover;display:block;transition:opacity .15s}.media-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:180px;min-height:100px;padding:12px;border-radius:8px;background:var(--border-light);color:var(--muted);font-size:11px;text-align:center;overflow:hidden}.media-preview-placeholder svg{opacity:.5}.media-preview-placeholder span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.media-preview-img:hover{opacity:.9}.media-preview-video{width:100%;height:220px;border-radius:10px;display:block;object-fit:cover}.media-preview-meta{display:flex;align-items:center;justify-content:flex-end;padding:0 10px 8px}.media-preview-remove{background:none;border:none;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;font-family:inherit;padding:0}.media-preview-remove:hover{color:var(--brand)}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:24px}.media-lightbox img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:8px;cursor:default;pointer-events:none}.media-lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#0009;border:2px solid rgba(255,255,255,.5);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,border-color .15s ease;z-index:1;box-shadow:0 2px 8px #0006}.media-lightbox-close:hover{background:#000c;border-color:#fff}.example-media{display:flex;flex-direction:column;gap:12px;margin-top:10px}.example-media .media-preview{width:100%}.library{padding:36px 0}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.search{flex:1 1 460px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--muted);pointer-events:none}.search-icon svg{width:18px;height:18px}.search input{width:100%;background:var(--panel);border:1px solid var(--border-light);border-radius:14px;padding:14px 16px 14px 42px;color:var(--text);outline:none;font-family:inherit;font-size:inherit}.search input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--ring)}.search-clear{position:absolute;right:10px;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:color .15s,background .15s}.search-clear:hover{color:var(--text);background:var(--border-light)}.controls{display:flex;gap:10px}.select select{background:var(--panel);color:var(--text);border:1px solid var(--border-light);border-radius:12px;padding:12px 36px 12px 14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;font-family:inherit;font-size:inherit}.select select:focus{border-color:var(--border-focus);outline:none}.stats-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:10px 2px}.stats{color:var(--muted);font-size:14px}.per-page-control{display:flex;align-items:center;gap:6px}.per-page-label{font-size:12px;color:var(--muted);margin-right:4px}.per-page-btn{min-width:36px;padding:6px 10px}.per-page-btn.active{background:var(--border-light);border-color:var(--border-focus)}.stats-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sort-select select{min-width:100px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 2px}.filter-chip{display:inline-flex;align-items:center;gap:6px;background:var(--badge-bg);border:1px solid var(--border-light);border-radius:999px;padding:6px 10px;font-size:13px;color:var(--text)}.filter-chip-remove{background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;padding:0 2px;line-height:1;border-radius:4px;transition:color .15s,background .15s}.filter-chip-remove:hover{color:var(--text);background:var(--border-light)}.skeleton-card{background:linear-gradient(145deg,var(--card-gradient-start),var(--card-gradient-end));border:1px solid var(--border-light);border-radius:14px;padding:20px;overflow:hidden;position:relative}.skeleton-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--border-medium),var(--border-light),var(--border-medium));animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line{background:var(--border-medium);border-radius:4px;height:14px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-label{width:60px;height:10px;margin-bottom:8px}.skeleton-title{width:80%;height:16px;margin-bottom:8px}.skeleton-desc{width:100%;height:12px;margin-top:8px}.skeleton-tags{display:flex;gap:6px;margin-top:12px}.skeleton-tag{width:50px;height:20px;background:var(--border-medium);border-radius:999px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.card{background:linear-gradient(180deg,var(--card-gradient-start),var(--card-gradient-end));border:1px solid var(--border-light);border-radius:16px;padding:16px;display:flex;flex-direction:column}.card:hover{border-color:var(--border-hover)}.card .title{font-weight:800;margin:0 0 6px}.card .meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px;color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--badge-bg);border:1px solid var(--border-medium);font-size:12px;font-weight:700;color:var(--badge-text)}.tags{display:flex;gap:8px;flex-wrap:wrap;width:100%}.tag{font-size:11px;color:var(--tag-text);border:1px solid var(--border-medium);padding:4px 12px;border-radius:999px;background:var(--badge-bg);font-weight:500;letter-spacing:.2px;transition:all .15s ease}.tag-clickable{cursor:pointer;font-family:inherit;font-size:inherit}.tag-clickable:hover{border-color:var(--border-focus);color:var(--text);background:var(--border-light)}.card .desc{color:var(--desc-text);font-size:14px;margin:8px 0 12px}.card .actions{display:flex;gap:8px;margin-top:auto}.code{background:var(--code-bg);border:1px solid var(--border-light);border-radius:12px;padding:12px;overflow:auto;white-space:pre-wrap;word-break:break-word}.muted{color:var(--muted)}.markdown-content{line-height:1.7;font-size:14px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--text);margin:16px 0 8px;font-weight:700}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.1em}.markdown-content p{margin:0 0 12px}.markdown-content ul,.markdown-content ol{margin:0 0 12px;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content strong{color:var(--brand);font-weight:600}.markdown-content em{color:var(--muted);font-style:italic}.markdown-content code{background:var(--border-light);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Courier New,monospace;font-size:.9em}.markdown-content pre{background:var(--code-bg);border:1px solid var(--border-light);border-radius:8px;padding:12px;overflow-x:auto;margin:12px 0}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--brand);padding-left:16px;margin:12px 0;color:var(--muted)}.markdown-content hr{border:none;border-top:1px solid var(--border-light);margin:16px 0}.markdown-content a{color:var(--brand-2);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.persona-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px;padding:20px 0}.persona-btn{background:var(--panel);border:2px solid var(--border-light);padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-family:inherit}.persona-btn:hover{border-color:var(--border-focus);background:var(--border-light)}.persona-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.category-sections{margin-bottom:24px}.category-section{margin-bottom:32px}.category-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.category-section-title{font-size:20px;font-weight:700;margin:0}.category-section-desc{color:var(--muted);font-size:14px;margin:4px 0 0}.category-prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.category-prompt-grid.list-view{grid-template-columns:1fr}.category-prompt-card.list{display:flex;align-items:center;gap:16px;padding:12px 16px;flex-wrap:wrap}.category-prompt-card.list .category-prompt-header{margin-bottom:0;padding-bottom:0;border-bottom:none;flex:0 0 auto}.category-prompt-card.list .category-prompt-text{flex:1 1 180px;min-width:0;margin:0}.category-prompt-card.list .category-prompt-desc{flex:1 1 200px;min-width:0;margin:0 8px;-webkit-line-clamp:1}.category-prompt-card.list .category-prompt-tags{flex:1 1 auto;margin-top:0;min-width:0}.category-prompt-card.list .card-copy-btn{position:static;flex-shrink:0;opacity:1;order:999}.category-prompt-card.list>a{display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0;flex-wrap:wrap}.category-prompt-card[role=button]{cursor:pointer}.view-toggle{display:flex;gap:4px}.view-toggle-btn{min-width:36px;padding:6px}.view-toggle-btn.active{background:var(--border-light);border-color:var(--border-focus)}.category-prompt-card{background:linear-gradient(145deg,var(--card-gradient-start),var(--card-gradient-end));border:1px solid var(--border-light);border-radius:14px;padding:20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-prompt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#7c3aed,#a855f7,#c084fc,#a3e635,#84cc16);opacity:.7;transition:opacity .25s ease}.category-prompt-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 8px 28px var(--shadow),0 0 0 1px var(--border-hover)}.category-prompt-card:hover:before{opacity:1}.category-prompt-card.copied:before{background:#00a94f;opacity:1}.category-prompt-card.copied:after{content:"✓ Copied!";position:absolute;top:12px;right:12px;background:#00a94f;color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;z-index:2}.category-prompt-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.category-prompt-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--brand);font-weight:700;background:#ff3b3014;padding:4px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}.category-prompt-label:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}[data-theme=light] .category-prompt-label{background:#ff3b300f}.category-prompt-project-badge{font-size:10px;color:var(--muted);background:var(--badge-bg);border:1px solid var(--border-light);padding:4px 10px;border-radius:6px;font-weight:600;margin-left:auto}.category-prompt-text{font-size:15px;color:var(--text);line-height:1.5;margin:0;font-weight:700;letter-spacing:-.1px}.category-prompt-desc{font-size:13px;color:var(--desc-text);line-height:1.5;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-prompt-tags{display:flex;gap:5px;margin-top:14px;flex-wrap:wrap}.category-prompt-tags .tag{font-size:10px;padding:3px 9px;letter-spacing:.15px}.card-copy-btn{position:absolute;top:12px;right:12px;z-index:2;background:var(--panel);border:1px solid var(--border-light);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);opacity:0;transition:all .2s ease;padding:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-copy-btn svg{width:14px;height:14px}.card-copy-btn:hover{color:var(--text);border-color:var(--border-focus);background:var(--border-light)}.category-prompt-card:hover .card-copy-btn{opacity:1}.card-copy-btn.copied{background:#00a94f;border-color:#00a94f;color:#fff;opacity:1}.mega-prompt-card{background:var(--panel);border:1px solid var(--border-medium);border-radius:16px;padding:24px;margin-bottom:24px;position:relative}.mega-prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.mega-prompt-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mega-prompt-title .badge{background:var(--brand);color:#fff;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mega-prompt-text{font-size:13px;line-height:1.7;color:var(--mega-text);background:var(--code-bg);border:1px solid var(--border-light);border-radius:12px;padding:20px;max-height:500px;overflow-y:auto;margin:0}.mega-prompt-text.markdown-content strong{color:var(--brand);font-weight:600}.mega-prompt-text.markdown-content p,.mega-prompt-text.markdown-content ul{margin:0 0 8px}.mega-copy-btn{background:var(--border-light);border:1px solid var(--border-medium);color:var(--text);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;transition:all .2s ease}.mega-copy-btn:hover{background:var(--border-hover);border-color:var(--border-focus)}.mega-copy-btn.copied{background:#00a94f;border-color:#00a94f;color:#fff}.site-footer{border-top:1px solid var(--border);padding:18px 0;margin-top:24px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;align-items:center}.modal{position:fixed;left:0;right:0;bottom:0;top:var(--header-h, 0);display:none;z-index:50;align-items:center;justify-content:center}.modal.show{display:flex}.modal.show .modal-backdrop{opacity:1}.modal.show .modal-dialog{opacity:1;transform:translateY(0)}.modal.closing .modal-backdrop{opacity:0}.modal.closing .modal-dialog{opacity:0;transform:translateY(12px)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;cursor:pointer;opacity:0;transition:opacity .2s ease}[data-theme=light] .modal-backdrop{background:#0006}.modal-dialog{position:relative;z-index:10;max-width:860px;width:min(96vw,860px);background:var(--panel);border:1px solid var(--border-medium);border-radius:16px;padding:24px;max-height:90vh;display:flex;flex-direction:column;opacity:0;transform:translateY(12px);transition:transform .25s ease,opacity .2s ease}.modal-header{flex-shrink:0;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.modal-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-title{margin:0;font-size:18px;font-weight:700;line-height:1.3;flex:1;min-width:0}.modal-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.modal-icon-btn{background:transparent;border:0;color:var(--muted);width:32px;height:32px;padding:4px;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.modal-icon-btn:hover{color:var(--text);background:var(--border-light)}.modal-icon-btn svg{width:18px;height:18px}.modal-icon-btn .icon-collapse,.modal.fullscreen .modal-icon-btn .icon-expand{display:none}.modal.fullscreen .modal-icon-btn .icon-collapse{display:block}.modal-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:12px}.modal-meta .tags{display:flex;gap:8px;flex-wrap:wrap;width:100%}.modal-meta .badge{padding:5px 12px;font-weight:700;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:var(--badge-bg);color:var(--badge-text)}.modal-body{flex:1;overflow-y:auto;min-height:0;margin-top:16px}.modal-desc{margin:0 0 16px;font-size:14px;line-height:1.6}.modal-prompt-section{margin-top:16px}.modal-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 8px;font-weight:600}.modal-examples-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}.modal-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.modal-footer-sep{margin:0 6px}.example{margin:12px 0;padding:16px;border:1px solid var(--border-light);border-radius:12px;background:var(--code-bg)}.example-label{font-weight:700;margin-bottom:12px;color:var(--example-label)}.example-io{display:flex;flex-direction:column;gap:12px}@media (min-width:580px){.example-io{flex-direction:row}}.example-block{flex:1;min-width:0}.example-input .code{border-left:3px solid var(--brand)}.example-output .code{border-left:3px solid var(--brand-2)}.example-block-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.modal.fullscreen .modal-dialog{width:calc(100vw - 40px);max-width:none;height:calc(100vh - var(--header-h, 0px) - 40px);max-height:none;border-radius:16px}@media (max-width: 640px){.modal{top:0}.modal-dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:16px}.modal.fullscreen .modal-dialog{width:100vw;height:100vh}.modal-fullscreen-toggle{display:none!important}}.confirm-dialog{max-width:420px;padding:24px}.confirm-message{color:var(--muted);margin:0 0 24px;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end}.form-error{color:var(--brand);font-size:13px;margin:4px 0 0}.examples{margin-top:12px}.example{margin:8px 0;padding:10px;border:1px solid var(--border-light);border-radius:12px}.example .label{font-weight:700;margin-bottom:4px;color:var(--example-label)}.example pre{margin:0}#toastContainer{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;gap:10px}.toast{background:linear-gradient(180deg,var(--toast-gradient-start),var(--toast-gradient-end));border:1px solid var(--border-hover);color:var(--text);padding:12px 14px;border-radius:14px;box-shadow:0 8px 24px var(--shadow);display:flex;align-items:center;gap:10px;min-width:260px;max-width:420px;opacity:0;transform:translateY(8px);transition:.2s opacity,.2s transform}.toast.show{opacity:1;transform:translateY(0)}.toast .msg{flex:1}.toast .close{background:transparent;border:0;color:var(--example-label);font-size:18px;cursor:pointer;line-height:1}.toast-success{border-left:4px solid #00a94f}.toast-error{border-left:4px solid var(--brand)}.pager{display:flex;justify-content:center;align-items:center;gap:8px;margin:16px 0 8px}.pager .btn{border-radius:999px;padding:8px 12px;font-weight:700}.pager .page{border:1px solid var(--border-light);background:transparent;color:var(--text)}.pager .page.current{background:var(--text);color:var(--btn-primary-text);border-color:var(--text)}.pager .nav{border:1px solid var(--border-medium)}.pager .btn[disabled]{opacity:.5;cursor:not-allowed}.theme-toggle{background:transparent;border:1px solid var(--border-light);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--muted);padding:0;margin:0;position:relative}.theme-toggle:hover{border-color:var(--border-focus);color:var(--text);background:var(--border-light)}.theme-toggle svg{width:18px;height:18px;transition:opacity .2s ease,transform .3s ease;position:absolute}.theme-toggle .icon-sun{opacity:0;transform:rotate(90deg)}.theme-toggle .icon-moon{opacity:1;transform:rotate(0)}html:not([data-theme]) .theme-toggle .icon-sun{opacity:0;transform:rotate(90deg)}html:not([data-theme]) .theme-toggle .icon-moon{opacity:1;transform:rotate(0)}[data-theme=dark] .theme-toggle .icon-sun{opacity:0;transform:rotate(90deg)}[data-theme=dark] .theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{opacity:1;transform:rotate(0)}[data-theme=light] .theme-toggle .icon-moon{opacity:0;transform:rotate(-90deg)}.empty{color:var(--muted);padding:20px 0}.empty-enhanced{text-align:center;padding:48px 24px}.empty-icon{color:var(--border-medium);margin-bottom:16px}.empty-icon svg{width:48px;height:48px;opacity:.5}.empty-title{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px}.empty-desc{color:var(--muted);margin:0 0 20px;font-size:15px;line-height:1.5}.empty-enhanced .btn{margin-top:8px}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.form-group{margin-bottom:16px}.form-group>label{display:block;font-weight:600;margin-bottom:6px;color:var(--text)}.form-group>label.toggle-item{display:flex}.form-group>label.checkbox-item{display:flex}.form-group input:not([type=checkbox]),.form-group textarea,.form-group select{width:100%;background:var(--panel);border:1px solid var(--border-light);border-radius:10px;padding:10px 14px;color:var(--text);font-family:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:not([type=checkbox]):focus,.form-group textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px var(--ring)}.checkbox-group{display:flex;flex-direction:column;gap:6px}.checkbox-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--border-light);background:var(--panel);transition:all .15s ease;-webkit-user-select:none;user-select:none}.checkbox-item:hover{border-color:var(--border-hover);background:var(--card-gradient-start)}.checkbox-item.checked{border-color:var(--brand);background:#ff3b300f}[data-theme=light] .checkbox-item.checked{background:#ff3b300d}.checkbox-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;flex-shrink:0;border:2px solid var(--border-medium);border-radius:6px;background:var(--bg);cursor:pointer;position:relative;transition:all .15s ease}.checkbox-item input[type=checkbox]:checked{background:var(--brand);border-color:var(--brand)}.checkbox-item input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-item input[type=checkbox]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.checkbox-item-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.checkbox-item-label{font-weight:600;font-size:14px;color:var(--text)}.checkbox-item-desc{font-size:12px;color:var(--muted);line-height:1.4}.toggle-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;border:1px solid var(--border-light);background:var(--panel);transition:all .15s ease;-webkit-user-select:none;user-select:none}.toggle-item:hover{border-color:var(--border-hover)}.toggle-item.checked{border-color:var(--brand);background:#ff3b300f}[data-theme=light] .toggle-item.checked{background:#ff3b300d}.toggle-track{position:relative;width:40px;height:22px;flex-shrink:0;border-radius:999px;background:var(--border-medium);transition:background .2s ease}.toggle-item.checked .toggle-track{background:var(--brand)}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-item.checked .toggle-track:after{transform:translate(18px)}.toggle-track input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}.toggle-label{font-weight:600;font-size:14px;color:var(--text)}.toggle-desc{font-size:12px;color:var(--muted)}.persona-editor{display:flex;flex-direction:column;gap:10px}.persona-editor-empty{text-align:center;padding:20px 16px;color:var(--muted);border:1px dashed var(--border-medium);border-radius:10px}.persona-editor-empty svg{margin-bottom:8px;opacity:.35}.persona-editor-empty p{margin:0;font-size:13px}.persona-editor-row{display:flex;align-items:flex-start;gap:10px;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:12px 14px}.persona-editor-number{width:24px;height:24px;border-radius:50%;flex-shrink:0;margin-top:26px;background:var(--border-medium);color:var(--text);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.persona-editor-fields{display:flex;flex-direction:column;gap:12px;flex:1}.persona-editor-field-group{display:flex;flex-direction:column;gap:4px}.persona-editor-fields input{width:100%;background:var(--panel);border:1px solid var(--border-light);border-radius:8px;padding:9px 12px;color:var(--text);font-family:inherit;font-size:14px;transition:border-color .15s ease}.persona-editor-fields input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px var(--ring)}.persona-editor-fields input::placeholder{color:var(--muted)}.persona-editor-label{font-size:12px;font-weight:600;color:var(--text);letter-spacing:.02em}.persona-editor-optional{font-weight:400;color:var(--muted);font-style:italic}.persona-editor-remove{flex-shrink:0;background:none;border:1px solid transparent;cursor:pointer;color:var(--muted);padding:6px;border-radius:8px;transition:.15s background,.15s color,.15s border-color;margin-top:24px}.persona-editor-remove:hover{background:#ff3b3014;color:var(--brand);border-color:#ff3b3026}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-card{position:relative;z-index:2;background:var(--panel);border:1px solid var(--border-medium);border-radius:20px;padding:48px 40px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000040}.login-brand{margin-bottom:32px}.login-brand-text{font-size:20px;font-weight:800;letter-spacing:.2px;color:var(--text)}.login-title{font-size:28px;font-weight:900;letter-spacing:-.4px;margin:0 0 10px;color:var(--text)}.login-subtitle{color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 32px}.login-btn{width:100%;padding:14px 24px;font-size:16px;border-radius:12px}.login-footer{color:var(--muted);font-size:12px;margin:24px 0 0}.login-bg-pills{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.login-pill{position:absolute;filter:blur(80px);opacity:.35;border-radius:50%}.login-pill-1{top:-10%;left:-5%;width:400px;height:400px;background:linear-gradient(135deg,var(--brand),#ff8a80)}.login-pill-2{bottom:-15%;right:-10%;width:500px;height:500px;background:linear-gradient(135deg,#0ff,#00ffa3)}.login-pill-3{top:40%;left:50%;width:300px;height:300px;background:linear-gradient(135deg,#ffd60a,#ff3b30)}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:var(--muted);gap:16px}.auth-loading p{margin:0;font-size:15px}.auth-loading-spinner{width:36px;height:36px;border:3px solid var(--border-medium);border-top-color:var(--text);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.session-warning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.session-warning-dialog{background:var(--panel);border:1px solid var(--border-light);border-radius:16px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 60px #0000004d;text-align:center}.session-warning-dialog h3{margin:0 0 12px;font-size:20px;color:var(--text)}.session-warning-dialog p{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.5}.session-warning-actions{display:flex;gap:12px;justify-content:center}.session-warning-actions .btn{min-width:140px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projects-section{padding:32px 0 8px}.projects-section-title{font-size:22px;font-weight:800;margin:0 0 20px;letter-spacing:-.3px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.project-card{display:block;text-decoration:none;color:inherit;background:linear-gradient(180deg,var(--card-gradient-start),var(--card-gradient-end));border:1px solid var(--border-light);border-radius:14px;padding:20px;transition:all .2s ease}.project-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-light)}.project-card-name{font-size:16px;font-weight:700;margin:0 0 6px}.project-card-desc{font-size:13px;color:var(--muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-projects-page{padding:32px 0 48px}.my-projects-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.my-projects-title{font-size:28px;font-weight:900;margin:0;letter-spacing:-.4px}.my-projects-empty{text-align:center;padding:48px 24px}.my-projects-empty p{margin:0 0 16px;color:var(--muted)}.project-card-wrapper{display:flex;flex-direction:column;gap:12px}.project-card-wrapper .project-card{flex:1}.project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.project-card-top .project-card-name{flex:1;margin:0 0 6px}.role-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px;flex-shrink:0}.role-badge.role-admin{background:var(--badge-bg);color:var(--brand)}.role-badge.role-editor{background:var(--border-light);color:var(--muted)}.project-card-actions{display:flex;gap:8px;flex-wrap:wrap}.perm-panel{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.perm-section{background:var(--panel);border:1px solid var(--border-light);border-radius:14px;padding:20px}.perm-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.perm-section-icon{width:20px;height:20px;color:var(--muted);flex-shrink:0;margin-top:2px}.perm-section-title{font-size:15px;font-weight:700;margin:0;color:var(--text)}.perm-section-desc{font-size:13px;color:var(--muted);margin:2px 0 0}.perm-grant-form{margin:0}.perm-grant-fields{display:flex;flex-direction:column;gap:10px}.perm-grant-input{width:100%;background:var(--bg);border:1px solid var(--border-light);border-radius:10px;padding:11px 14px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.perm-grant-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--ring)}.perm-grant-input::placeholder{color:var(--muted)}.perm-grant-actions{display:flex;gap:10px;align-items:center}.perm-grant-actions .select select{font-size:14px;padding:10px 34px 10px 12px;border-radius:10px}.perm-grant-actions .btn{white-space:nowrap}.perm-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.perm-member{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:background .15s ease}.perm-member:hover{background:var(--border-light)}.perm-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--border-medium);color:var(--text);font-size:12px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;justify-content:center}.perm-member-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.perm-member-id{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perm-member-info .role-badge{flex-shrink:0}.perm-revoke-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid transparent;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;transition:all .15s ease;white-space:nowrap}.perm-revoke-btn:hover{color:var(--brand);border-color:var(--brand);background:#ff3b300f}.perm-revoke-btn:disabled{opacity:.5;cursor:not-allowed}.perm-revoke-btn svg{flex-shrink:0}.perm-last-admin-hint{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);padding:6px 10px;white-space:nowrap;cursor:default;opacity:.7}.perm-last-admin-hint svg{flex-shrink:0;opacity:.6}.perm-empty{text-align:center;padding:24px 16px;color:var(--muted)}.perm-empty svg{margin-bottom:10px;opacity:.4}.perm-empty p{margin:0 0 4px;font-size:14px}.perm-empty-hint{font-size:13px;color:var(--muted);opacity:.7}.project-header{display:flex;flex-direction:column;gap:4px;margin-bottom:0}.project-header-title{font-size:28px;font-weight:900;margin:0;letter-spacing:-.4px}.project-header-desc{color:var(--muted);font-size:15px;margin:0;line-height:1.5}.project-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-medium);margin-bottom:24px;margin-top:16px}.project-tab{position:relative;padding:12px 20px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;cursor:pointer;transition:color .2s ease;border:none;background:none;font-family:inherit;white-space:nowrap}.project-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:2px 2px 0 0;transition:background .2s ease}.project-tab:hover,.project-tab.active{color:var(--text)}.project-tab.active:after{background:var(--text)}.project-tab-content{min-height:200px}.project-prompts-actions{display:flex;align-items:center;gap:8px;margin-bottom:16px}.prompt-filters{margin-bottom:16px}.prompt-filters .filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.prompt-filters .stats{margin-top:8px;color:var(--muted);font-size:14px}.prompt-filters-dropdowns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prompt-filter-dropdown{position:relative}.prompt-filter-dropdown-trigger{background:var(--panel);border:1px solid var(--border-medium);color:var(--text);padding:8px 14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.prompt-filter-dropdown-trigger:hover{border-color:var(--border-focus);background:var(--border-light)}.prompt-filter-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:180px;background:var(--panel);border:1px solid var(--border-medium);border-radius:12px;box-shadow:0 8px 24px var(--shadow);z-index:30;max-height:280px;overflow-y:auto}.prompt-filter-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:14px;color:var(--text);cursor:pointer;font-family:inherit;transition:background .15s}.prompt-filter-dropdown-item:hover{background:var(--border-light)}.prompt-filter-dropdown-item.active{background:#ff3b301a;color:var(--brand)}.prompt-filter-dropdown-item input[type=checkbox]{flex-shrink:0}.prompt-stats-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.prompt-bulk-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ff3b3014;border:1px solid var(--border-medium);border-radius:12px;margin-bottom:16px}.prompt-bulk-count{font-weight:600;color:var(--text)}.prompt-bulk-category-dropdown{position:relative}.prompt-bulk-category-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:160px;background:var(--panel);border:1px solid var(--border-medium);border-radius:10px;box-shadow:0 8px 24px var(--shadow);z-index:30}.prompt-bulk-category-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-size:14px;color:var(--text);cursor:pointer;font-family:inherit;transition:background .15s}.prompt-bulk-category-item:hover{background:var(--border-light)}.category-section-toggle{cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.category-section-toggle:hover{color:var(--brand)}.category-section-chevron{font-size:12px;opacity:.8}.category-expand-actions{margin-bottom:12px}.prompt-table-container{margin-top:0}.prompt-table-wrapper{overflow-x:auto;border:1px solid var(--border-medium);border-radius:12px;background:var(--panel)}.prompt-table{width:100%;border-collapse:collapse;font-size:14px}.prompt-table thead{position:sticky;top:0;z-index:2;background:var(--panel);border-bottom:1px solid var(--border-medium)}.prompt-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.prompt-table-sort-header{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.prompt-table-sort-header:hover{color:var(--text)}.prompt-table-sort-icon{opacity:.7;font-size:10px}.prompt-table td{padding:10px 16px;border-top:1px solid var(--border);color:var(--text);vertical-align:middle}.prompt-table tbody tr{cursor:pointer;transition:background .15s ease}.prompt-table tbody tr:hover{background:var(--border-light)}.prompt-table tbody tr.selected{background:#ff3b3014}.prompt-table-col-checkbox{width:44px;text-align:center}.prompt-table-col-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.prompt-table-col-title{min-width:180px}.prompt-table-col-category{min-width:120px;color:var(--muted)}.prompt-table-col-personas{min-width:100px;color:var(--muted)}.prompt-table-col-tags{min-width:100px;color:var(--muted);font-size:13px}.prompt-table-col-updated{min-width:80px;color:var(--muted);font-size:13px;white-space:nowrap}.prompt-table-col-actions{min-width:140px;text-align:right}.prompt-table-title-cell{display:flex;align-items:center;gap:8px}.prompt-table-mega-badge{background:var(--brand);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.prompt-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.prompt-table-action-btn{background:transparent;border:1px solid var(--border-medium);color:var(--muted);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px;font-family:inherit}.prompt-table-action-btn:hover{background:var(--border-light);color:var(--text);border-color:var(--border-focus)}.prompt-table-action-btn svg{width:14px;height:14px}.prompt-table-action-danger{color:var(--brand)}.prompt-table-action-danger:hover{background:#ff3b301a;border-color:var(--brand);color:var(--brand)}.prompt-table-empty{padding:24px 16px;text-align:center;margin:0}.browse-table-wrapper{overflow-x:auto;border:1px solid var(--border-medium);border-radius:12px;background:var(--panel);margin-top:16px}.browse-table{width:100%;border-collapse:collapse;font-size:14px}.browse-table thead{position:sticky;top:0;z-index:2;background:var(--panel);border-bottom:1px solid var(--border-medium)}.browse-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.browse-table td{padding:10px 16px;border-top:1px solid var(--border);color:var(--text);vertical-align:middle}.browse-table tbody tr{cursor:pointer;transition:background .15s ease}.browse-table tbody tr:hover{background:var(--border-light)}.browse-table-col-title{min-width:200px}.browse-table-col-category{min-width:120px;color:var(--muted)}.browse-table-col-project{min-width:100px;color:var(--muted);font-size:13px}.browse-table-col-tags{min-width:120px}.browse-table-col-updated{min-width:80px;color:var(--muted);font-size:13px;white-space:nowrap}.browse-table-col-actions{min-width:60px;text-align:right}.browse-table-title-cell{display:flex;align-items:center;gap:8px}.browse-table-mega-badge{background:var(--brand);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0}.browse-table-tags{display:flex;gap:4px;flex-wrap:wrap}.browse-table-tag{font-size:10px!important;padding:2px 8px!important}.browse-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.browse-table-skeleton{padding:16px}.env-banner{position:fixed;top:0;left:0;z-index:9998;pointer-events:none}.env-banner-ribbon{position:absolute;top:30px;left:-46px;width:190px;text-align:center;padding:8px 0 6px;background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff;text-decoration:none;transform:rotate(-45deg);box-shadow:0 2px 8px #00000059;pointer-events:auto;transition:filter .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.env-banner-ribbon:hover{filter:brightness(1.1)}.env-banner-label{display:block;line-height:1;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.env-banner-prod{display:inline-flex;align-items:center;gap:3px;font-size:8px;font-weight:600;letter-spacing:.4px;opacity:.85;text-transform:uppercase}.env-banner-prod svg{flex-shrink:0}@media (max-width: 980px){.hero-inner{grid-template-columns:1fr}.hero-art{height:140px}}@media (max-width: 768px){.prompt-filters .filters{flex-direction:column;align-items:stretch}.prompt-filters-dropdowns,.prompt-bulk-bar{flex-wrap:wrap}.prompt-table .prompt-table-col-personas,.browse-table .browse-table-col-project,.browse-table .browse-table-col-updated{display:none}}@media (max-width: 640px){.my-projects-header{flex-direction:column;align-items:stretch}.my-projects-title{font-size:22px}.category-prompt-grid,.projects-grid{grid-template-columns:1fr}.persona-nav{flex-direction:column;align-items:stretch}.persona-btn{justify-content:center}.mega-prompt-header{flex-direction:column;align-items:flex-start}.mega-prompt-title{font-size:16px}.perm-grant-actions{flex-direction:column}.perm-grant-actions .btn{width:100%}.perm-member{padding:10px 8px}.persona-editor-primary{grid-template-columns:1fr}.page-header-title{font-size:22px}.project-header{align-items:flex-start}.project-header-title{font-size:22px}.project-tabs{gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.project-tab{padding:10px 14px;font-size:13px}.modal.fullscreen .modal-dialog{width:calc(100vw - 24px);height:calc(100vh - var(--header-h, 0px) - 24px);border-radius:12px}}