:root{--bg:#faf9f7;--bg-card:#fff;--bg-sidebar:#fff;--bg-hover:#f3f2ef;--bg-gen:#fefefe;--border:#e8e6e1;--border-light:#f0eeea;--text:#1a1a1a;--text-secondary:#6b6b6b;--text-muted:#999;--accent:#5b4cdb;--accent-hover:#4a3bc8;--accent-soft:#5b4cdb14;--accent-light:#5b4cdb0a;--green:#22c55e;--red:#ef4444;--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;--base-size:15px;--font-mono:"SF Mono", "Consolas", "Monaco", monospace;--radius:14px;--radius-sm:10px;--radius-xs:6px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 20px #0000000f;--shadow-lg:0 8px 40px #00000014;--transition:.2s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);font-size:var(--base-size);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;padding:1.25rem 0;display:flex;overflow-y:auto}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.gen-panel{background:var(--bg-gen);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:400px;display:flex;overflow-y:auto}.logo{font-family:var(--font-mono);letter-spacing:-.03em;margin-bottom:1.5rem;padding:0 1.25rem;font-size:1.3rem;font-weight:700;display:block}.logo span{color:var(--accent)}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:left;width:100%;font-size:.9375rem;font-family:var(--font);background:0 0;border:none;align-items:center;gap:.625rem;padding:.5rem 1.25rem;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{color:var(--accent);font-weight:600}.nav-icon{text-align:center;width:18px;font-size:.9rem}.nav-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem 1.25rem .375rem;font-size:.7rem;font-weight:600}.nav-sub{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:left;width:100%;font-size:.875rem;font-family:var(--font);background:0 0;border:none;padding:.375rem 1.25rem .375rem 2.75rem}.nav-sub:hover{background:var(--bg-hover);color:var(--text)}.nav-sub.active{color:var(--accent);font-weight:500}.sidebar-footer{border-top:1px solid var(--border-light);margin-top:auto;padding:.75rem 1.25rem}.toolbar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.model-tabs{background:var(--bg);border-radius:var(--radius-sm);gap:0;padding:3px;display:flex}.model-tab{color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:var(--font);border-radius:var(--radius-xs);transition:all var(--transition);white-space:nowrap;background:0 0;border:none;padding:.375rem .875rem}.model-tab:hover{color:var(--text)}.model-tab.active{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-sm);font-weight:500}.sort-btns{gap:.25rem;margin-left:auto;display:flex}.sort-btn{color:var(--text-muted);cursor:pointer;font-size:.75rem;font-family:var(--font);border-radius:var(--radius-xs);transition:all var(--transition);background:0 0;border:none;padding:.3rem .625rem}.sort-btn:hover{color:var(--text-secondary)}.sort-btn.active{color:var(--accent);font-weight:600}.search-bar{border-bottom:1px solid var(--border-light);padding:.5rem 1.25rem}.search-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:.875rem;font-family:var(--font);transition:border-color var(--transition);outline:none;padding:.6rem 1rem}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.gallery-scroll{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{border-color:var(--border);transform:translateY(-3px);box-shadow:0 8px 30px #0000001a}.card-img{aspect-ratio:4/5;background:var(--bg);width:100%;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card:hover .card-img img{transform:scale(1.03)}.card-overlay{opacity:0;transition:opacity var(--transition);background:linear-gradient(#0000,#00000080);justify-content:space-between;align-items:flex-end;padding:.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.card:hover .card-overlay{opacity:1}.card-use-btn{background:var(--accent);color:#fff;border-radius:var(--radius-xs);cursor:pointer;font-size:.7rem;font-family:var(--font);transition:background var(--transition);border:none;padding:.3rem .625rem;font-weight:500}.card-use-btn:hover{background:var(--accent-hover)}.card-stats-overlay{color:#ffffffe6;gap:.5rem;font-size:.7rem;display:flex}.card-body{padding:.75rem .875rem}.card-author{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.card-author-name{color:var(--text);font-weight:500}.card-meta{justify-content:space-between;align-items:center;margin-top:.375rem;display:flex}.card-model{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:500}.card-time{color:var(--text-muted);font-size:.7rem}.gen-header{border-bottom:1px solid var(--border-light);background:var(--bg-card);align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;display:flex}.gen-header .user-credits{margin-left:auto}.gen-body{flex-direction:column;flex:1;gap:.875rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.gen-textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:180px;color:var(--text);font-size:.875rem;font-family:var(--font);resize:vertical;outline:none;padding:.875rem;line-height:1.7}.gen-textarea:focus{border-color:var(--accent)}.gen-textarea::placeholder{color:var(--text-muted)}.gen-options{flex-direction:column;gap:.625rem;display:flex}.gen-row{gap:.5rem;display:flex}.gen-field{flex:1}.gen-field label{color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;font-weight:500;display:block}.gen-select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);font-size:.8rem;font-family:var(--font);cursor:pointer;outline:none;padding:.45rem .6rem}.gen-select:focus{border-color:var(--accent)}.gen-count-row{gap:.25rem;display:flex}.gen-count-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:.8rem;font-family:var(--font);cursor:pointer;color:var(--text-secondary);transition:all var(--transition);text-align:center;flex:1;padding:.4rem 0}.gen-count-btn:hover{border-color:var(--accent);color:var(--accent)}.gen-count-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.gen-cost-display{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-xs);text-align:center;padding:.4rem .6rem;font-size:.8rem;font-weight:600}.gen-footer{border-top:1px solid var(--border-light);padding:.875rem 1.25rem}.btn-gen{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:.9rem;font-weight:600;font-family:var(--font);transition:background var(--transition);border:none;padding:.7rem}.btn-gen:hover{background:var(--accent-hover)}.btn-gen:disabled{opacity:.5;cursor:not-allowed}.gen-results-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.gen-result-item{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.gen-result-item img{border-radius:var(--radius-sm);width:100%;display:block}.gen-result-download{color:#fff;width:28px;height:28px;transition:background var(--transition);background:#00000080;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;text-decoration:none;display:flex;position:absolute;bottom:6px;right:6px}.gen-result-download:hover{background:var(--accent)}.ref-upload-area{flex-direction:column;flex-shrink:0;gap:.375rem;width:100%;display:flex}.ref-upload-btn{background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;font-family:var(--font);color:var(--text-secondary);transition:all var(--transition);flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;display:flex}.ref-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.ref-upload-icon{font-size:1.5rem}.ref-upload-btn span:nth-child(2){font-size:.8rem;font-weight:500}.ref-upload-hint{color:var(--text-muted);font-size:.7rem}.ref-previews{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.ref-preview-item{border-radius:var(--radius-xs);border:1px solid var(--border);width:72px;height:72px;position:relative;overflow:hidden}.ref-preview-item img{object-fit:cover;width:100%;height:100%}.ref-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;line-height:1;display:flex;position:absolute;top:2px;right:2px}.ref-add-more{border-radius:var(--radius-xs);border:2px dashed var(--border);background:var(--bg);cursor:pointer;width:72px;height:72px;color:var(--text-muted);transition:all var(--transition);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.ref-add-more:hover{border-color:var(--accent);color:var(--accent)}.ref-describe-btn{background:var(--accent-soft);width:100%;color:var(--accent);border-radius:var(--radius-xs);cursor:pointer;font-size:.8rem;font-family:var(--font);transition:all var(--transition);border:1px solid #0000;margin-top:0;padding:.4rem .75rem;font-weight:500}.ref-describe-btn:hover{border-color:var(--accent)}.ref-describe-btn:disabled{opacity:.5;cursor:not-allowed}.gen-enhance-row{flex-wrap:wrap;gap:.375rem;display:flex}.btn-enhance{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-xs);cursor:pointer;font-size:.75rem;font-family:var(--font);transition:all var(--transition);border:1px solid #0000;padding:.4rem .75rem;font-weight:500}.btn-enhance:hover{border-color:var(--accent)}.btn-enhance:disabled{opacity:.5}.detail-scroll{flex:1;padding:2rem 2.5rem;overflow-y:auto}.detail-back{color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-family:var(--font);transition:color var(--transition);background:0 0;border:none;align-items:center;gap:.375rem;margin-bottom:1.5rem;display:inline-flex}.detail-back:hover{color:var(--text)}.detail-grid{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.detail-images{flex-direction:column;gap:.5rem;display:flex}.detail-main-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--bg);width:100%;box-shadow:var(--shadow-md)}.detail-thumbs{gap:.5rem;display:flex}.detail-thumb{object-fit:cover;border-radius:var(--radius-xs);cursor:pointer;width:60px;height:60px;transition:border-color var(--transition);border:2px solid #0000;flex-shrink:0}.detail-thumb.active,.detail-thumb:hover{border-color:var(--accent)}.detail-info{flex-direction:column;gap:1rem;display:flex}.detail-author-row{align-items:center;gap:.625rem;display:flex}.detail-author-row strong{font-size:1rem}.detail-author-row span{color:var(--text-muted);font-size:.8125rem}.detail-stats{color:var(--text-secondary);gap:1.25rem;font-size:.8125rem;display:flex}.detail-tags{flex-wrap:wrap;gap:.375rem;display:flex}.tag{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;padding:.25rem .7rem;font-size:.75rem}.tag-accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.detail-prompt{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;max-height:400px;padding:1.25rem;font-size:.875rem;line-height:1.7;overflow-y:auto}.detail-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-xs);cursor:pointer;font-size:.8125rem;font-family:var(--font);transition:background var(--transition);border:none;padding:.5rem 1.125rem;font-weight:500}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;font-size:.8125rem;font-family:var(--font);transition:all var(--transition);background:0 0;padding:.5rem 1.125rem}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.related-section{margin-top:2.5rem}.section-title{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.related-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.loading{justify-content:center;align-items:center;padding:3rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty{text-align:center;color:var(--text-muted);padding:3rem;font-size:.875rem}.load-more{justify-content:center;padding:1.5rem;display:flex}.load-more-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-family:var(--font);transition:all var(--transition);padding:.5rem 1.5rem}.load-more-btn:hover{border-color:var(--accent);color:var(--accent)}.load-more-btn:disabled{opacity:.5}.stats-info{color:var(--text-muted);padding:.5rem 1.25rem .25rem;font-size:.75rem}.error-msg{color:var(--red);border-radius:var(--radius-xs);background:#ef44440f;padding:.5rem .75rem;font-size:.8rem}.copied{color:var(--green)!important}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border-radius:var(--radius);width:400px;max-width:90vw;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.modal-header h3{font-size:1.0625rem;font-weight:600}.modal-close{cursor:pointer;color:var(--text-muted);transition:color var(--transition);background:0 0;border:none;font-size:1.4rem;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.modal-desc{color:var(--text-secondary);font-size:.875rem}.modal-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:.875rem;font-family:var(--font);outline:none;padding:.625rem 1rem}.modal-input:focus{border-color:var(--accent)}.modal-hint{color:var(--text-muted);text-align:center;font-size:.75rem}.modal-link{color:var(--accent);cursor:pointer;text-align:center;font-size:.8rem;font-family:var(--font);transition:color var(--transition);background:0 0;border:none}.modal-link:hover{color:var(--accent-hover)}.user-menu{position:relative}.user-avatar-btn{cursor:pointer;font-family:var(--font);background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.375rem;display:flex}.user-avatar-img{object-fit:cover;border-radius:50%;width:30px;height:30px}.user-avatar-placeholder{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:600;display:flex}.user-credits{color:var(--accent);background:var(--accent-soft);border-radius:10px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:240px;box-shadow:var(--shadow-lg);z-index:100;margin-bottom:.5rem;position:absolute;bottom:100%;left:0}.dropdown-header{padding:.875rem}.dropdown-header strong{font-size:.875rem;display:block}.dropdown-email{color:var(--text-muted);font-size:.75rem}.dropdown-divider{background:var(--border-light);height:1px}.dropdown-item{color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;font-size:.8125rem;font-family:var(--font);transition:all var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.625rem .875rem;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text)}.dropdown-signout{color:var(--red)}.sidebar-login{border-top:1px solid var(--border-light);margin-top:auto;padding:.75rem 1.25rem}.btn-login{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:.8125rem;font-weight:500;font-family:var(--font);transition:background var(--transition);border:none;padding:.5rem}.btn-login:hover{background:var(--accent-hover)}.profile-page{width:100%;max-width:900px;margin:0 auto}.profile-header{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border-light);align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem 1.75rem;display:flex}.profile-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.75rem;font-weight:700;display:flex;box-shadow:0 4px 16px #5b4cdb33}.profile-info h1{margin-bottom:.25rem;font-size:1.375rem;font-weight:600}.profile-info p{color:var(--text-muted);font-size:.875rem}.profile-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.profile-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all var(--transition);padding:1.25rem 1.5rem}.profile-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.profile-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.profile-card .value{color:var(--accent);font-size:1.75rem;font-weight:700}.profile-card .sub{color:var(--text-muted);margin-top:.25rem;font-size:.7rem}.profile-section{margin-bottom:2rem}.profile-section h2{margin-bottom:1rem;font-size:1.0625rem;font-weight:600}.api-key-row{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color var(--transition);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.api-key-row:hover{border-color:var(--border)}.api-key-value{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8rem}.api-key-actions{gap:.375rem;display:flex}.btn-sm{border-radius:var(--radius-xs);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.75rem;font-family:var(--font);transition:all var(--transition);padding:.3rem .625rem}.btn-sm:hover{border-color:var(--accent);color:var(--accent)}.btn-sm.danger:hover{border-color:var(--red);color:var(--red)}.history-item{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color var(--transition);gap:.875rem;margin-bottom:.5rem;padding:.875rem;display:flex}.history-item:hover{border-color:var(--border)}.history-thumb{object-fit:cover;border-radius:var(--radius-xs);background:var(--border-light);flex-shrink:0;width:52px;height:52px}.history-info{flex:1;min-width:0}.history-info p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;display:-webkit-box;overflow:hidden}.history-meta{color:var(--text-muted);margin-top:.375rem;font-size:.7rem}.admin-table{border-collapse:collapse;width:100%;font-size:.8125rem}.admin-table th{text-align:left;color:var(--text-secondary);border-bottom:2px solid var(--border);padding:.625rem .75rem;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--border-light);padding:.625rem .75rem}.admin-table tr:hover td{background:var(--bg-hover)}.admin-table .text-right{text-align:right}.admin-table .text-center{text-align:center}.admin-table .mono{font-family:var(--font-mono);font-size:.75rem}.admin-table .clickable{cursor:pointer;color:var(--accent)}.admin-table .clickable:hover{text-decoration:underline}.admin-tabs{background:var(--bg);border-radius:var(--radius-sm);gap:0;width:fit-content;margin-bottom:1.5rem;padding:3px;display:flex}.admin-tab{color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-family:var(--font);border-radius:var(--radius-xs);transition:all var(--transition);white-space:nowrap;background:0 0;border:none;padding:.5rem 1.25rem;font-weight:500}.admin-tab:hover{color:var(--text)}.admin-tab.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}.success-msg{color:var(--green);border-radius:var(--radius-xs);background:#22c55e0f;padding:.5rem .75rem;font-size:.8rem}.detail-img-actions{gap:.5rem;margin-top:.5rem;display:flex}.btn-icon{align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8rem;display:inline-flex}.json-prompt-section{flex-direction:column;gap:.5rem;display:flex}.gen-collapse-btn{cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gen-collapse-btn:hover{background:var(--bg-hover);color:var(--text)}.gen-collapse-btn svg{transition:transform var(--transition)}.gen-collapse-btn:hover svg{transform:translate(1px)}.prompt-modal-overlay{z-index:2000;background:var(--bg-hover);animation:.15s pmFadeIn;position:fixed;inset:0}@keyframes pmFadeIn{0%{opacity:0}to{opacity:1}}.prompt-modal{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.pm-content{flex:1;display:flex;overflow:hidden}.pm-image-area{background:var(--bg-hover);cursor:pointer;flex:1;justify-content:center;align-items:center;min-width:0;padding:2.5rem;display:flex;position:relative}.pm-main-img{object-fit:contain;cursor:default;background:var(--bg-card);border-radius:12px;max-width:100%;max-height:100%;box-shadow:0 10px 40px #00000026}.pm-floating-actions{z-index:10;cursor:default;gap:.5rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.pm-float-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-light);color:var(--text);cursor:pointer;transition:all var(--transition);background:#ffffffe6;border-radius:20px;align-items:center;gap:.375rem;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #00000014}.pm-float-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.pm-float-btn.active{color:var(--accent)}.pm-thumbs-float{cursor:default;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.pm-thumb{object-fit:cover;cursor:pointer;width:52px;height:52px;transition:all var(--transition);opacity:.6;border:2px solid #0000;border-radius:6px}.pm-thumb.active,.pm-thumb:hover{border-color:var(--text);opacity:1}.pm-nav-btn{border:1px solid var(--border-light);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all var(--transition);background:#fffc;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000014}.pm-nav-btn:hover{background:#fff;transform:translateY(-50%)scale(1.05)}.pm-nav-prev{left:1.5rem}.pm-nav-next{right:5.5rem}.pm-info{background:var(--bg-card);z-index:20;flex-direction:column;flex-shrink:0;width:480px;min-height:0;display:flex;overflow:hidden;box-shadow:-4px 0 24px #0000000a}.pm-info>:not(.pm-info-actions){padding-left:1.5rem;padding-right:1.5rem}.pm-author-row{flex-wrap:nowrap;align-items:center;gap:.625rem;padding-top:1rem;display:flex}.pm-author-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.pm-author-info{flex-direction:column;min-width:0;display:flex}.pm-author-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;overflow:hidden}.pm-handle{color:var(--text-muted);font-size:.75rem}.pm-stats{color:var(--text-secondary);gap:1rem;padding-top:.5rem;font-size:.8rem;display:flex}.pm-prompt-block{flex-direction:column;flex:auto;gap:.5rem;min-height:0;padding-top:.75rem;display:flex;overflow-y:auto}.pm-prompt-area{flex-direction:column;gap:.5rem;min-height:0;display:flex}.pm-info .detail-prompt.pm-prompt-text{border-radius:var(--radius-sm);background:var(--bg);border:none;padding:.875rem 1rem;font-size:.8125rem;line-height:1.65}.pm-prompt-text--compact{max-height:160px}.pm-prompt-text--json{font-family:var(--font-mono);max-height:min(320px,40vh);font-size:.7rem;line-height:1.5}.pm-prompt-text:not(.pm-prompt-text--compact):not(.pm-prompt-text--json){max-height:min(400px,50vh)}.pm-flat-prompt{margin-bottom:.25rem}.pm-flat-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.pm-source-link{color:var(--accent);transition:opacity var(--transition);padding-bottom:.5rem;font-size:.8rem}.pm-source-link:hover{opacity:.7}.pm-info-actions{border-top:1px solid var(--border-light);flex-shrink:0;gap:.5rem;margin-top:auto;padding:.875rem 1.25rem;display:flex}.pm-action-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-weight:600;font-family:var(--font);transition:all var(--transition);text-align:center;border:none;flex:1;padding:.6rem .75rem}.pm-action-btn:hover{opacity:.9}.pm-action-btn.copied{color:var(--green);border-color:var(--green)}.pm-action-primary{background:var(--accent);color:#fff}.pm-action-primary:hover{background:var(--accent-hover)}.pm-action-ref{background:var(--green);color:#fff}.pm-action-ref:hover{background:#1da34e}.mobile-nav{z-index:1500;background:var(--bg-card);border-top:1px solid var(--border);padding:.375rem 0 env(safe-area-inset-bottom,.25rem);justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.mobile-nav-btn{color:var(--text-muted);cursor:pointer;font-size:.625rem;font-family:var(--font);transition:color var(--transition);background:0 0;border:none;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .75rem;text-decoration:none;display:flex}.mobile-nav-btn span:first-child{font-size:1.125rem}.mobile-nav-btn.active{color:var(--accent);font-weight:600}.mobile-nav-create{color:var(--accent)}@media (max-width:1200px){.gen-panel{width:340px}.detail-scroll{padding:1.5rem 2rem}.detail-grid{gap:2rem}.pm-info{width:340px}}@media (max-width:900px){.sidebar{display:none}.gen-panel{z-index:1600;border-left:none;width:100%;position:fixed;inset:0}.gen-collapse-btn{display:inline-flex!important}.mobile-nav{display:flex}.main{padding-bottom:60px}.detail-scroll{padding:1.25rem}.detail-grid{grid-template-columns:1fr;gap:1.5rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.pm-content{flex-direction:column}.pm-info{width:100%;max-height:50vh}.pm-image-area{max-height:50vh;padding:1rem}.pm-thumbs-float{flex-direction:row;inset:auto auto .75rem 50%;transform:translate(-50%)}.pm-floating-actions{top:.75rem;right:.75rem}}