@charset "UTF-8";@import"https://fonts.googleapis.com/earlyaccess/notosansjp.css";@import"https://fonts.googleapis.com/css?family=Lato:400,700";.favorites-bar{padding:8px}.favorites-bar h3{margin-bottom:4px;font-size:16px;color:#333}.favorites-empty{padding:8px;color:#6c757d;text-align:center}.favorites-scroll{display:flex;gap:4px;overflow-x:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#007bff #f8f9fa}.favorites-scroll::-webkit-scrollbar{height:6px}.favorites-scroll::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.favorites-scroll::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:3px}.favorite-thumbnail{flex:0 0 48px;height:48px;border-radius:4px;overflow:hidden;cursor:pointer}.favorite-thumbnail img{width:100%;height:100%;object-fit:cover}.no-image{display:flex;align-items:center;justify-content:center;height:200px;background-color:#f5f5f5;border-radius:4px;color:#666;font-size:16px}.fa-brush{color:#819b31}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--main-color-modal);display:flex;align-items:center;justify-content:center;z-index:1000}.image-modal-container{position:relative;max-width:800px;max-height:90vh;background-color:#222;border-radius:8px;box-shadow:0 10px 25px #00000080}.image-modal-container.is-landscape{max-width:10000px}.image-modal-content{display:flex;flex-direction:row;height:100%}.image-modal-left{flex:1;display:flex;align-items:center;justify-content:center}.image-modal-right{width:300px;padding:20px;background-color:#0000004d;border-radius:0 8px 8px 0;overflow-y:auto;max-height:80vh;display:flex;flex-direction:column;gap:15px}.image-modal-title{color:#fff;margin:0 0 10px;font-size:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.image-modal-model{color:#819b31;font-weight:700;font-size:14px;margin-bottom:10px}.image-modal-description{color:#ccc;font-size:14px;line-height:1.5;margin-bottom:15px;padding:10px;background-color:#ffffff0d;border-radius:4px;border-left:3px solid #819B31}.image-modal-prompt-text{color:#aaa;font-size:15px;line-height:1.4;font-family:var(--font-en);white-space:pre-wrap}.image-modal-prompt-text b{color:#fff}.image-modal-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px}.image-modal-close{position:absolute;top:10px;right:10px;background:#0000004d;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8;transition:opacity .2s;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10}.image-modal-close:hover{opacity:1;background:#00000080}.image-preview-controls{position:fixed;top:0;right:0;display:flex;justify-content:flex-end;padding:10px;background-color:#22222280;z-index:100}.size-buttons{display:flex;gap:5px}.size-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:#0003;border:1px solid rgba(255,255,255,.2);color:#ccc;cursor:pointer;font-family:var(--font-en);font-weight:700;transition:all .2s ease}.size-button:hover{background-color:#0006}.size-button.active{background-color:var(--main-color);color:#fff;border-color:var(--main-color)}.image-preview-grid{display:flex;flex-wrap:wrap;gap:1px}.image-preview-grid.is-landscape.size-ss .preview-item{width:150px}.image-preview-grid.is-landscape.size-s .preview-item{width:225px}.image-preview-grid.is-landscape.size-m .preview-item{width:300px}.image-preview-grid.is-landscape.size-l .preview-item{width:450px}.image-preview-grid.size-ss .preview-item{width:100px}.image-preview-grid.size-s .preview-item{width:150px}.image-preview-grid.size-m .preview-item{width:200px}.image-preview-grid.size-l .preview-item{width:300px}.image-preview-grid .preview-item{display:flex;gap:5px;flex-direction:column}.image-preview-grid .preview-item img{width:100%}.image-preview-grid .preview-item h4{margin:0;font-size:12px;font-family:var(--font-en)}.image-preview-grid .preview-item .preview-image{cursor:pointer;transition-duration:.2s}.image-preview-grid .preview-item .preview-image:hover{opacity:.8;transform:scale(1.05)}.image-preview-grid .preview-item .image-container{overflow:hidden;border-radius:5px}.image-preview-container .no-models-message{background-color:#0000004d;padding:20px;border-radius:5px;color:#ccc;font-style:italic;text-align:center;margin:10px 0;width:100%}.image-preview-container .no-models-message.center{margin:50px auto;max-width:400px}.image-preview-container.model-first{padding:0 0 100px}.image-preview-container.model-first .image-preview-container-inner{padding:10px;width:6000px;display:flex;gap:7px;flex-direction:column}.image-preview-container.model-first .model-section .model-section-header h3{margin:0;font-size:16px;color:var(--main-color)!important}.image-preview-container.model-first .model-section .model-section-content{padding:3px 0 0 10px}.image-preview-container.model-first .model-section .preview-item{position:relative}.image-preview-container.model-first .model-section .preview-item .prompt-header{position:absolute;left:0;right:0;bottom:0;background-color:#00000040;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:0 0 5px 5px;padding:5px 5px 3px 10px;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-container.model-first .model-section .preview-item .prompt-header h4{margin:0;font-size:12px;line-height:1.2;color:#fff}.image-preview-container.model-first .model-section .preview-item .copy-button-small{position:absolute;top:5px;right:10px;font-size:12px;color:#fff;opacity:.5;cursor:pointer}.image-preview-container.model-first .model-section .preview-item .copy-button-small:hover{opacity:1}.image-preview-container.model-first .model-section .preview-item .image-container .preview-image{width:100%}.image-preview-container.prompt-first{padding:5px 0 100px}.image-preview-container.prompt-first .image-preview-container-inner{width:4000px}.image-preview-container.prompt-first .prompt-section{display:flex;padding:10px}.image-preview-container.prompt-first .prompt-section:nth-child(2n){background-color:#222}.image-preview-container.prompt-first .prompt-section .prompt-section-left{width:160px;padding-right:10px;display:flex;gap:10px;flex-direction:column}.image-preview-container.prompt-first .prompt-section .prompt-section-left h3{margin:0;font-size:14px;color:#fff}.image-preview-container.prompt-first .prompt-section .prompt-section-left .sample-image img{width:100px;border-radius:5px;overflow:hidden}.image-preview-container.prompt-first .prompt-section .prompt-section-left .prompt-display{position:relative}.image-preview-container.prompt-first .prompt-section .prompt-section-left .prompt-display .prompt-text{font-family:var(--font-en);white-space:pre-wrap;margin-bottom:5px;font-size:12px;line-height:1.2;color:#aaa;border-radius:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.image-preview-container.prompt-first .prompt-section .prompt-section-left .prompt-display .prompt-text b{color:#fff}.image-preview-container.prompt-first .prompt-section .prompt-section-left .prompt-display .copy-button{color:#ccc;border:none;border-radius:3px;padding:2px 5px;cursor:pointer;font-size:12px}.image-preview-container.prompt-first .prompt-section .prompt-section-left .prompt-display .copy-button:hover{opacity:.8}.image-preview-container.prompt-first .prompt-section .prompt-section-right{flex:1}.image-preview-container.prompt-first .prompt-section .prompt-section-right .image-preview-grid{display:flex;flex-wrap:wrap}.image-preview-container.prompt-first .prompt-section .prompt-section-right .preview-item{position:relative}.image-preview-container.prompt-first .prompt-section .prompt-section-right .preview-item h4{position:absolute;right:0;bottom:0;margin-top:0;font-size:12px;color:#fff;background-color:#819b31;padding:3px 7px 2px;border-radius:5px 0;align-items:center}.image-preview-container.prompt-first .prompt-section .prompt-section-right .preview-item .fa-brush{color:#fff}.image-preview-container.prompt-first .prompt-section .prompt-section-right .preview-item .image-container{display:flex;flex-direction:column;border-radius:5px;overflow:hidden}.image-preview-container.prompt-first .prompt-section .prompt-section-right .preview-item .image-container .preview-image{width:100%}.image-modal-copy-btn{background:none;border:none;cursor:pointer;color:#ccc;font-size:16px;padding:2px 5px;border-radius:3px;transition:background .2s,color .2s;margin-left:2px}.image-modal-copy-btn:hover{color:#fff;background:#819b3126}.image-modal-copy-btn-wide{width:100%;margin-top:24px;background:var(--main-color);color:#fff;border:none;border-radius:5px;font-size:12px;font-family:var(--font-en);font-weight:700;padding:10px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,color .2s}.image-modal-copy-btn-wide:hover{background:#6a8227;color:#fff}.image-modal-copied-feedback{text-align:center;color:#81c784;font-size:13px;margin-top:6px;font-weight:700}.model-filter{display:flex;gap:5px;flex-direction:column}.model-filter h2{margin:0;font-size:14px}.model-filter .model-filter-controls{position:absolute;top:5px;right:5px}.model-filter .model-filter-controls button{font-size:12px;padding:0 5px;border-radius:3px;border:none;background-color:transparent;cursor:pointer}.model-filter .model-filter-controls button:hover{opacity:.8}.model-filter .model-list{display:flex;flex-wrap:wrap;gap:2px}.model-filter .model-list .model-item{width:48;box-sizing:border-box;position:relative;padding:4px 6px;font-size:12px;font-family:var(--font-en);font-weight:700;cursor:pointer;transition-duration:.2s;line-height:1.4}.model-filter .model-list .model-item.selected{background-color:var(--main-color);color:#fff;font-weight:700}.model-filter .model-list .model-item input[type=checkbox],.model-filter .model-list .model-item input[type=radio]{display:none}.model-filter .model-list .model-item svg{display:none;position:absolute;top:10px;left:6px}body.model-comparison-mode .model-filter .model-list .model-item svg{display:block}.mobile-message{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#333;color:#fff;padding:20px;text-align:center;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.mobile-message h2{font-size:24px;margin:0;color:var(--main-color)}.mobile-message p{font-size:16px;margin:0;line-height:1.6}.category-tree{display:flex;gap:10px;flex-direction:column}.category-tree-empty{padding:8px;color:#6c757d;text-align:center}.category-item{font-size:14px}.category-item .category-header{font-weight:700}.prompt-sets{margin-top:5px}.prompt-set{display:flex;align-items:center;cursor:pointer;position:relative;padding:2px 0 2px 15px}.prompt-set:before{content:"-";position:absolute;top:2px;left:5px;display:block;opacity:.5}.prompt-set span{display:inline-block;padding:0 0 2px;line-height:1.4}.prompt-set.selected{color:var(--main-color);font-weight:700}.prompt-set.selected span{border-bottom:1px solid var(--main-color)}.prompt-items-container{padding:30px 0 0}.prompt-items-container .prompt-items-controls{position:absolute;top:10px;right:10px;display:flex}.prompt-items-container .prompt-items-controls button{font-size:12px;padding:0 5px;border-radius:3px;border:none;background-color:transparent;cursor:pointer}.prompt-items-container .prompt-items-controls button:hover{opacity:.8}.prompt-items-empty{padding:15px;color:#6c757d;text-align:center;font-style:italic}.prompt-items{display:flex;flex-wrap:wrap;gap:2px 2px}.prompt-items .prompt-item{width:48%;position:relative;cursor:pointer}.prompt-items .prompt-item.selected{background-color:var(--main-color);color:#fff}.prompt-items .prompt-item.selected:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--main-color);border-radius:5px}.prompt-items .prompt-item .checkbox-container{position:absolute;top:2px;left:1px;z-index:10}.prompt-items .prompt-item .checkbox-container input[type=checkbox],.prompt-items .prompt-item .checkbox-container input[type=radio]{width:16px;height:16px}.prompt-items .prompt-item p{display:none;margin:0;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-items .prompt-item .image-container{position:relative;height:auto;overflow:hidden;border-radius:5px}.prompt-items .prompt-item .image-container img{width:100%;height:100%;object-fit:cover}.prompt-items .prompt-item .name{font-size:12px;line-height:1.2}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-family:Noto Sans JP,游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--widht-category-pane: 250px;--widht-model-pane: 120px;--main-color: #819B31;--main-color-modal: rgba(0,0,0,.7);--font-en: "Lato", sans-serif}body{padding:0;margin:0;background-color:#333}img{border:0;vertical-align:bottom}.area-navi{position:fixed;top:0;left:0;bottom:0;width:calc(var(--widht-category-pane));z-index:100;box-shadow:0 12px 15px #00000080;background-color:#f8fdf1}.area-navi .app-header{position:absolute;top:0;left:0;right:0;height:100px}.area-navi .model-pane{position:absolute;top:100px;left:0;right:0;height:120px}.area-navi .category-pane{position:absolute;top:260px;border-top:1px solid #ccc;left:0;right:0;bottom:30px;overflow-y:scroll}.area-navi .category-copy{position:absolute;left:0;right:0;bottom:0;height:30px;box-sizing:border-box;border-top:1px solid #ccc;font-size:12px;padding:5px 10px;text-align:center;color:#888;display:flex;gap:10px;justify-content:center}.area-navi .category-copy a{color:#888;text-decoration:none;cursor:pointer}.area-navi .category-copy a:hover{text-decoration:underline}.app-header{background-color:var(--main-color);color:#fff;overflow:hidden}.app-header h1{margin:0;font-size:18px;text-align:center;line-height:1.4;font-weight:300}.app-header h1 b{font-weight:800}.app-header .header-inner{display:flex;gap:5px;flex-direction:column;align-items:center;justify-content:center;height:100px}.app-header .app-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.app-header .app-controls .view-mode-selector{display:flex;align-items:center}.app-header .app-controls .view-mode-selector .view-mode-option{display:flex;align-items:center;gap:3px;cursor:pointer;background-color:#0003;padding:3px 8px;border-radius:3px;font-size:12px}.app-header .app-controls .view-mode-selector .view-mode-option input[type=checkbox]{margin:0}.app-header .app-controls .comparison-mode-toggle{cursor:pointer}.app-header .app-controls .sheets-mode-selector{display:flex;align-items:center;gap:5px;margin-left:5px;font-size:14px}.app-header .app-controls .sheets-mode-selector .sheets-mode-option{display:flex;align-items:center;gap:3px;cursor:pointer}.app-header .app-controls .sheets-mode-selector .sheets-mode-option input[type=checkbox],.app-header .app-controls .sheets-mode-selector .sheets-mode-option input[type=radio]{margin:0}.category-pane{flex:1;position:relative;box-sizing:border-box;padding:10px 10px 0;display:flex}.category-pane .category-pane-left{width:120px}.category-pane .category-pane-right{flex:1}.preview-pane{position:relative;margin-left:var(--widht-category-pane)}.model-pane{border-top:1px solid #ccc;position:relative;padding:10px 10px 20px;overflow-y:scroll}.about-modal-overlay{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.about-modal-container{background:#fff;border-radius:10px;max-width:600px;width:90vw;padding:30px;position:relative;box-shadow:0 8px 32px #00000040;animation:fadeIn .2s;display:flex;flex-direction:column}.about-modal-container h3{color:#819b31;padding:5px 0;font-size:16px;border-bottom:1px solid #819B31}.about-modal-container a{color:#819b31}.about-modal-container .about-modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;color:#888;cursor:pointer}.about-modal-container .about-modal-content{text-align:left;color:#222;overflow:auto;height:calc(100vh - 300px)}.about-modal-container .about-modal-tabs{display:flex;border-bottom:1px solid #eee;margin-bottom:16px;width:100%;border-bottom:2px solid #819B31}.about-modal-container .about-modal-tab{flex:1;padding:10px 0;border:none;background:transparent;color:#819b31;font-weight:700;cursor:pointer;font-size:16px;outline:none}.about-modal-container .about-modal-tab.active{background:#819b31;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.news-modal{position:fixed;z-index:9998;bottom:20px;right:20px;cursor:pointer;transition-duration:.2s}.news-modal:hover{opacity:.8}.news-modal-content{background:#819b31;color:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 4px 16px #0000004d;display:flex;align-items:center;gap:12px;min-width:200px;max-width:300px}.news-modal-text{font-size:14px;font-weight:500;flex:1}.news-modal-text b{color:#ff0}.news-modal-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;margin:0;line-height:1;opacity:.8}.news-modal-close:hover{opacity:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.model-mark{margin-left:5px;background-color:#ff0;color:#000;font-weight:700;font-size:9px;padding:1px 2px;border-radius:2px;vertical-align:middle;font-family:var(--font-en)}