:root{color-scheme:dark;--bg: #080b10;--bg-2: #0d1119;--panel: rgba(17, 23, 34, .86);--panel-strong: #151c28;--panel-soft: rgba(24, 33, 48, .72);--line: rgba(142, 166, 188, .22);--line-strong: rgba(114, 239, 255, .46);--text: #edf7fb;--muted: #9db0bf;--faint: #607485;--cyan: #22d8ee;--cyan-soft: rgba(34, 216, 238, .14);--amber: #f0c55a;--danger: #ff8a9a;--shadow: 0 20px 60px rgba(0, 0, 0, .34);--radius: 8px;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(34,216,238,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(34,216,238,.045) 1px,transparent 1px),radial-gradient(circle at 72% 12%,rgba(34,216,238,.11),transparent 26%),radial-gradient(circle at 18% 70%,rgba(240,197,90,.08),transparent 24%),linear-gradient(135deg,var(--bg),#0a0e15 42%,#07090e);background-size:44px 44px,44px 44px,auto,auto,auto;color:var(--text)}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;display:flex;width:264px;flex-direction:column;gap:28px;border-right:1px solid var(--line);background:#070a10e0;padding:28px 18px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand,.mobile-brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(145deg,#22d8ee2e,#f0c55a1a);color:var(--cyan);font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:13px;font-weight:800}.brand strong,.mobile-brand strong{display:block;font-size:22px;line-height:1}.brand span:not(.brand-mark){display:block;margin-top:5px;color:var(--muted);font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:12px}.nav-list{display:grid;gap:6px}.nav-list button{display:flex;min-height:44px;align-items:center;gap:10px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--muted);padding:0 12px;text-align:left}.nav-list button:hover,.nav-list button.active{border-color:var(--line);background:var(--cyan-soft);color:var(--text)}.sidebar-status{margin-top:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);padding:14px;font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace}.sidebar-status span{display:block;color:var(--faint);font-size:11px;text-transform:uppercase}.sidebar-status strong{display:block;margin-top:8px;color:var(--cyan);font-size:12px;overflow-wrap:anywhere}.content{width:min(100%,1480px);margin:0 auto;padding:0 40px 56px}.topbar{position:sticky;top:0;z-index:8;display:flex;min-height:78px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080b10c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-links{display:flex;align-items:center;gap:10px}.nav-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border:1px solid var(--line);border-radius:4px;color:var(--muted, #6080a0);text-decoration:none;font-family:inherit;font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.nav-btn:hover{border-color:#22d8ee;color:#22d8ee;background:#22d8ee0d}.nav-btn.accent{border-color:#22d8ee50;color:#22d8ee}.nav-btn.accent:hover{background:#22d8ee18;border-color:#22d8ee}.mobile-brand{display:none}.search{position:relative;display:flex;width:min(520px,100%);align-items:center}.search .icon{position:absolute;left:14px}.search input{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#070a10b3;color:var(--text);outline:none;padding:13px 16px 13px 42px}.search input:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #22d8ee1f}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:54px 0 34px}.hero h1{max-width:780px;margin:8px 0 14px;font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:0}.hero p{max-width:720px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}.kicker{margin:0;color:var(--cyan);font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.status-strip{display:grid;min-width:250px;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.status-strip span{display:grid;gap:4px;border-right:1px solid var(--line);padding:14px 16px;color:var(--muted);font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase}.status-strip span:last-child{border-right:0}.status-strip strong{color:var(--text);font-size:21px}.mobile-tags{display:none}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:26px 0 22px}.gallery-head h2{margin:5px 0 0;font-size:28px;letter-spacing:0}.ghost-button,.copy-button,.icon-button,.tag-button{border:1px solid var(--line);border-radius:var(--radius);background:#141b26b3;color:var(--text)}.ghost-button{min-height:42px;padding:0 15px}.ghost-button:hover,.copy-button:hover,.icon-button:hover,.tag-button:hover{border-color:var(--line-strong);color:var(--cyan)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.gallery-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.gallery-card:hover{border-color:#22d8ee6b}.image-button{position:relative;display:block;width:100%;border:0;border-radius:0;background:#0f1720;padding:0;text-align:left;overflow:hidden}.image-button img{width:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .42s ease}.gallery-card:hover .image-button img{transform:scale(1.035)}.scanline{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(34,216,238,.08),transparent);opacity:0;transform:translateY(-40%);transition:opacity .24s ease,transform .52s ease}.gallery-card:hover .scanline{opacity:1;transform:translateY(40%)}.card-body{display:grid;gap:14px;padding:16px}.card-body h3{margin:5px 0 0;font-size:20px}.card-prompt{display:-webkit-box;min-height:68px;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--muted);line-height:1.55}.card-meta,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.card-meta span{border-left:2px solid var(--cyan);background:#080b1094;color:var(--muted);padding:7px 9px;font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:11px}.tag{display:inline-flex;min-height:28px;align-items:center;border:1px solid rgba(142,166,188,.18);border-radius:999px;background:#151c28c7;color:var(--muted);padding:5px 10px;font-size:12px}.tag-button.active{border-color:var(--line-strong);color:var(--cyan)}.state-message{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted);padding:18px}.state-message.error{border-color:#ff8a9a6b;color:var(--danger)}.modal-shell{position:fixed;inset:0;z-index:30;display:grid;place-items:center;overflow:auto;background:#020509c2;padding:26px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-modal{display:grid;width:min(1180px,100%);height:min(880px,calc(100vh - 52px));max-height:min(880px,calc(100vh - 52px));grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-2);box-shadow:0 32px 100px #0000008f}.modal-media{display:grid;min-height:0;place-items:start center;overflow:hidden;background:#05070b}.modal-media img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.modal-panel{display:flex;min-height:0;flex-direction:column;gap:18px;overflow-y:auto;border-left:1px solid var(--line);background:#0d1119f5;padding:22px}.modal-header{display:flex;justify-content:space-between;gap:16px}.modal-header h2{margin:6px 0 8px;font-size:30px;line-height:1.12}.byline{margin:0;color:var(--muted)}.icon-button{display:grid;flex:0 0 auto;width:40px;height:40px;place-items:center;padding:0}.prompt-block{display:grid;gap:10px}.prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-heading h3{margin:0;color:var(--cyan);font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:12px;text-transform:uppercase}.prompt-block.negative .prompt-heading h3{color:var(--danger)}.prompt-block p{margin:0;border:1px solid var(--line);border-radius:var(--radius);background:#06090ecc;color:var(--muted);padding:13px;line-height:1.6}.copy-button{display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 11px;font-size:12px;white-space:nowrap}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spec{border-left:2px solid var(--cyan);border-radius:0 var(--radius) var(--radius) 0;background:#151c28b8;padding:11px;min-width:0}.spec span{display:block;margin-bottom:6px;color:var(--faint);font-family:JetBrains Mono,Cascadia Mono,ui-monospace,monospace;font-size:11px;text-transform:uppercase}.spec strong{display:block;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.modal-actions{display:flex}.icon{position:relative;display:inline-block;width:17px;height:17px;flex:0 0 17px}.icon-search:before{content:"";position:absolute;inset:1px 4px 4px 1px;border:2px solid currentColor;border-radius:50%}.icon-search:after{content:"";position:absolute;right:1px;bottom:1px;width:7px;height:2px;background:currentColor;transform:rotate(45deg);transform-origin:center}.icon-grid:before,.icon-grid:after{content:"";position:absolute;inset:2px;background:linear-gradient(currentColor 0 0) 0 0 / 6px 6px,linear-gradient(currentColor 0 0) 100% 0 / 6px 6px,linear-gradient(currentColor 0 0) 0 100% / 6px 6px,linear-gradient(currentColor 0 0) 100% 100% / 6px 6px;background-repeat:no-repeat}.icon-tag:before{content:"";position:absolute;inset:3px 2px 3px 1px;border:2px solid currentColor;border-radius:4px;transform:rotate(-12deg)}.icon-tag:after{content:"";position:absolute;top:6px;right:5px;width:3px;height:3px;border-radius:50%;background:currentColor}.icon-copy:before,.icon-copy:after{content:"";position:absolute;border:2px solid currentColor;border-radius:3px}.icon-copy:before{inset:2px 5px 5px 2px;opacity:.55}.icon-copy:after{inset:5px 2px 2px 5px}.icon-close:before,.icon-close:after{content:"";position:absolute;top:8px;left:2px;width:13px;height:2px;border-radius:2px;background:currentColor}.icon-close:before{transform:rotate(45deg)}.icon-close:after{transform:rotate(-45deg)}@media(max-width:1040px){.content{padding:0 22px 44px}.topbar{gap:16px}.mobile-brand{display:flex}.hero{grid-template-columns:1fr}.status-strip{width:100%}.mobile-tags{display:flex;gap:8px;margin:-8px -22px 20px;overflow-x:auto;padding:0 22px 10px;scrollbar-width:none}.mobile-tags::-webkit-scrollbar{display:none}}@media(max-width:820px){.content{padding:0 16px 36px}.topbar{min-height:auto;flex-wrap:wrap;padding:14px 0}.search{order:2;width:100%}.hero{padding:30px 0 24px}.hero h1{font-size:40px}.status-strip{grid-template-columns:1fr}.status-strip span{border-right:0;border-bottom:1px solid var(--line)}.status-strip span:last-child{border-bottom:0}.gallery-head{align-items:start;flex-direction:column}.gallery-grid{grid-template-columns:1fr}.modal-shell{padding:0}.detail-modal{width:100%;height:100vh;max-height:none;grid-template-columns:1fr;overflow-y:auto;border-radius:0}.modal-media{min-height:auto;max-height:48vh}.modal-panel{overflow-y:visible;border-left:0;border-top:1px solid var(--line);padding:18px 16px 28px}.spec-grid{grid-template-columns:1fr}.prompt-heading{align-items:flex-start;flex-direction:column}}