@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";@import"http://fonts.googleapis.com/earlyaccess/notosansjp.css";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;color:#fff}@media print,screen and (min-width: 769px){body{overflow:hidden;background-color:#222}.app-root{display:flex;flex-direction:column;height:100vh}.main-container{display:flex;gap:15px;position:fixed;top:70px;left:15px;right:20px;bottom:0}.app{display:flex;height:100vh;width:100vw}header{position:fixed;top:0;left:0;right:0;padding:20px 0 0 15px;z-index:100;display:flex;gap:20px}header:after{content:"";display:block;position:absolute;top:0;left:0;right:0;height:10px;background:#819b31}header h1{font-size:24px;letter-spacing:.05em;font-weight:300}header h1 b{font-weight:600}header p{margin-top:5px;font-size:14px;letter-spacing:.05em}.sidebar{width:110px;overflow-y:auto;height:calc(100vh - 70px);overflow:auto;display:flex;flex-direction:column}.sidebar__header{border-bottom:1px solid #666;padding:15px 0}.sidebar__header h1{font-size:14px}.sidebar__content{padding:15px 0;overflow:auto;flex:1}.submenu{width:90px;overflow:auto;display:flex;flex-direction:column}.submenu__header{border-bottom:1px solid #666;padding:15px 0}.submenu__header h2{font-size:14px}.submenu__content{padding:15px 0;overflow-y:auto;flex:1}.submenu .compare-mode-toggle{margin-top:10px;padding:15px 2px;border-top:1px solid #666}.main-content{display:flex;flex:1;gap:30px;position:relative}.image-viewer{margin-top:50px;width:calc(68vw - 200px)}.image-viewer__models-container{display:flex}.image-viewer__model-column{position:relative;flex:1}.image-viewer__model-header{position:absolute;top:-35px;left:0;font-size:14px;font-weight:600}.image-viewer__container{position:relative;transition-duration:.35s;transition-timing-function:cubic-bezier(.01,.99,.16,1);transition-timing-function:cubic-bezier(.92,-.01,.16,1)}.image-viewer__image{width:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:0}.image-viewer__image img{width:100%;height:auto;max-width:100%;display:block;opacity:.2;transition-timing-function:cubic-bezier(.01,.99,.16,1);transition-timing-function:cubic-bezier(.92,-.01,.16,1);transition-duration:.35s;filter:grayscale(100%)}.image-viewer__image--active img{opacity:1;filter:grayscale(0%)}.image-viewer__controls{position:absolute;top:20px;right:-50px;display:flex;flex-direction:column;gap:16px;z-index:10}.image-viewer__nav-button{background-color:#fff;color:#888;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition-duration:.2s}.image-viewer__nav-button:hover{transform:scale(1.2)}.image-viewer__nav-button.is-next{animation:pulse 1.2s infinite}.image-viewer__nav-button.is-next:hover{animation:none;transform:scale(1.2)}.image-viewer__nav-button:disabled{opacity:.5;cursor:not-allowed;animation:none;transform:none}.image-viewer__pager{display:flex;flex-direction:column;align-items:center}.image-viewer__pager-dot{position:relative;width:20px;height:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.image-viewer__pager-dot:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:#ffffff4d;transition:all .2s ease}.image-viewer__pager-dot--active:after{background-color:#819b31;width:20px;height:20px}.image-viewer__pager-dot:hover:after{background-color:#ffffff80;width:20px;height:20px}.image-viewer__counter{position:absolute;top:-35px;right:10px;font-size:14px;color:#888}.prompt-area{flex:1;display:flex;flex-direction:column}}@media screen and (min-width: 769px) and (max-width: 1300px){.prompt-area__prompt{font-size:14px}.prompt-area__prompt strong{font-size:16px}.prompt-area__prompt.is-ja{font-size:11px;line-height:1.8}.prompt-area__prompt.is-ja strong{font-size:13px}}@media print,screen and (min-width: 769px){footer{position:absolute;right:30px;top:30px;z-index:100}.append-prompt-area{position:fixed;top:42vw;left:220px;right:120px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 10px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.8);color:#fff;z-index:70}.append-prompt-area .en{font-size:5vw;font-weight:100;font-family:Roboto Condensed,sans-serif}.append-prompt-area .ja{font-size:1.2vw;padding-left:10px;font-weight:100}.note1{position:absolute;bottom:20px;right:20px;font-size:14px;color:#888;z-index:100}.compare-mode-toggle{margin-bottom:20px;padding:0 15px 10px;border-bottom:1px solid #666}.compare-mode-toggle__label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#ccc;transition:color .2s ease}.compare-mode-toggle__label:hover{color:#fff}.compare-mode-toggle__checkbox{width:14px;height:14px;accent-color:#819B31}.compare-mode-toggle__text{-webkit-user-select:none;user-select:none}.scene{position:relative;margin-bottom:2px;border-radius:5px;overflow:hidden}.scene .text{position:relative;padding:4px;text-align:center;display:none}.scene__title{font-size:12px;font-weight:500;color:#fff;transition:all .2s ease;cursor:pointer;transition-duration:.2s}.scene__title img{width:100%;vertical-align:top;filter:grayscale(100%);opacity:.5}.scene__title:hover{background-color:#444}.scene__title:hover img{filter:grayscale(0%);opacity:1}.scene__title:hover .text{width:100%;display:block}.scene__title--active{overflow:hidden;background-color:#819b31;color:#fff}.scene__title--active:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #819B31;border-radius:5px}.scene__title--active img{filter:grayscale(0%);opacity:1}.scene__title--active .text{display:block}.scene__title--active .text:before{border-left:5px solid #819B31;left:10px;margin-top:0;box-sizing:border-box;border:5px solid transparent;border-top:5px solid #fff;transform:scaleY(1.4)}.scene__title:hover{opacity:.8}.scene__models{background-color:#444;padding:5px 0}.model__item{padding:8px;cursor:pointer;border-radius:5px;font-size:12px;line-height:1;color:#ccc;display:flex;align-items:center;gap:4px;transition:all .2s ease}.model__item:hover{color:#fff}.model__item--active{background-color:#819b31;color:#fff}.model__checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#819B31}.model__checkbox input[type=radio]{visibility:hidden;width:1px}.model__info{display:flex;align-items:center;gap:4px}.model__name{flex:1}.model__count{font-size:10px;opacity:.7}.main-content{flex:1}.prompt-area{position:relative}.prompt-area__header{border-bottom:1px solid #666;padding:15px 0}.prompt-area__header h2{font-size:14px;font-weight:600}.prompt-area__header .image-id{font-size:12px;color:#ccc;text-transform:uppercase;letter-spacing:.5px}.prompt-area__body{padding:15px 0;flex:1;overflow:auto;display:flex;gap:10px;flex-direction:column}.prompt-area__prompt{font-size:16px;line-height:1.5;color:#fff;min-height:200px}.prompt-area__prompt strong{color:#ff0}.prompt-area__prompt.is-ja{letter-spacing:.05em;font-size:14px}.prompt-area__prompt.is-ja strong{font-size:16px}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:#ccc;font-size:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#ccc;text-align:center}.empty-state h3{font-size:18px;margin-bottom:8px}.empty-state p{font-size:14px}footer p{font-size:14px;color:#888}footer p a{color:#888;text-decoration:underline;cursor:pointer}footer p a:hover{color:#fff}.vertical-slider{position:relative;width:30px;height:40vh;margin:0 auto;background:transparent;display:flex;align-items:center;cursor:pointer;transition-duration:.2s}.vertical-slider:hover{opacity:.8}.vertical-slider:before{content:"";position:absolute;left:50%;top:0;width:6px;height:100%;background:#fff3;border-radius:3px;transform:translate(-50%)}.vertical-slider__thumb{position:absolute;left:50%;width:20px;height:20px;background:#819b31;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px #00000026;transform:translate(-50%,-50%);cursor:pointer;transition-duration:.2s}.vertical-slider__thumb:hover,.vertical-slider__thumb:active:hover{transform:translate(-50%,-50%) scale(1.2)}.image-viewer-sp__full-prompts{font-size:14px;background-color:#fff;padding:15px;color:#000;border-radius:15px;display:flex;gap:10px;flex-direction:column}.image-viewer-sp__full-prompts h3{font-size:16px;font-weight:700}.image-viewer-sp__full-prompts .ja{color:#888}.autoplay-btn{position:absolute;left:50%;transform:translate(-50%);bottom:30px;border-radius:100px;font-size:18px;padding:20px 0;width:200px;background:#819b31;color:#fff;transition:all .2s;outline:none;border:none;font-weight:700;letter-spacing:.15em;opacity:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:.2s;z-index:200}.autoplay-btn:hover{filter:brightness(1.1)}.autoplay-btn.is-playing{background:#fff;color:#819b31}.autoplay-btn.is-negative{background:#c8c8c880;color:#aaa;border:2px solid #aaa;opacity:.5;cursor:not-allowed;box-shadow:none}}@media screen and (max-width: 768px){body{background-color:#666}img{width:100%}header{background:#819b31;flex-direction:column;align-items:center;text-align:center;height:60px;padding:15px 0 0 20px;margin-bottom:10px;box-shadow:0 2px 15px #0003;z-index:100}header h1{font-size:14px}header p{font-size:10px}.sidebar{position:fixed;top:0;left:0;width:80vw;bottom:0;max-width:80vw;height:100vh;z-index:1000;background:#222;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #0003}.sidebar.is-open{transform:translate(0)}.sidebar__header{display:block;padding:40px 16px 8px;background:#222;text-align:center}.sidebar__header h1{font-size:14px;color:#fff}.sidebar__content{padding:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.sidebar__content>.scene{width:45%}.scene{margin-bottom:2px;border-radius:5px;overflow:hidden;background-color:#444}.scene .text{position:relative;padding:4px;text-align:center}.scene__title{font-size:12px;font-weight:500;color:#fff;transition:all .2s ease;cursor:pointer;transition-duration:.2s}.scene__title img{width:100%;vertical-align:top}.scene__title--active{background-color:#819b31;color:#fff}.scene__title--active .text{display:block}.scene__title--active .text:before{border-left:5px solid #819B31;left:10px;margin-top:0;box-sizing:border-box;border:5px solid transparent;border-top:5px solid #fff;transform:scaleY(1.4)}.scene__title:hover{opacity:.8}.scene__models{background-color:#444;padding:5px 0}.compare-mode-toggle{display:none}.model__item{font-size:14px;padding:8px 6px 8px 10px}.main-content{padding:15px 15px 100vw}.prompt-area{position:fixed;left:0;right:0;bottom:0;z-index:1000}footer{text-align:center;padding:20px}.note1{display:none}.append-prompt-area,.image-viewer{display:none!important}.image-viewer-sp{display:block;padding:0 0 40px}.image-viewer-sp__model{margin-bottom:32px}.image-viewer-sp__model-header{font-size:14px;font-weight:700;margin:12px 0 8px 12px}.image-viewer-sp__image-block{margin-bottom:24px;box-shadow:0 2px 10px #0000004d;border-radius:15px;overflow:hidden}.image-viewer-sp__img{width:100%;height:auto;display:block}.image-viewer-sp__prompts{padding:8px 12px 0}.image-viewer-sp__prompt-en{font-size:13px;color:#fff;margin-bottom:4px;word-break:break-all}.image-viewer-sp__prompt-ja{font-size:12px;color:#ccc;word-break:break-all}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:999}.hamburger{display:block;position:fixed;top:10px;left:10px;width:40px;height:40px;z-index:1100;background:#819b31;border:none;border:1px solid rgba(255,255,255,.5);cursor:pointer}.hamburger span,.hamburger span:before,.hamburger span:after{display:block;position:absolute;width:20px;height:2px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);content:""}.hamburger span{top:18px;left:9px}.hamburger span:before{top:-8px;left:0}.hamburger span:after{top:8px;left:0}.prompt-view-sp{position:fixed;left:0;right:0;bottom:0;width:100vw;min-height:15vh;max-height:30vh;z-index:200;overflow-y:auto;background:#000c;display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media screen and (max-width: 768px) and (max-width: 768px){.prompt-view-sp{display:block}}@media screen and (max-width: 768px){.prompt-view-sp__content{padding:12px 16px;font-size:1rem}.prompt-view-sp__scene{font-weight:700;margin-bottom:4px}.prompt-view-sp__prompt{word-break:break-all;font-size:14px}.prompt-view-sp__prompt strong{color:#ff0}.image-viewer-sp__full-prompts{font-size:14px;background-color:#fff;padding:15px;color:#000;border-radius:15px;display:flex;gap:10px;flex-direction:column}.image-viewer-sp__full-prompts h3{font-size:16px;font-weight:700}.image-viewer-sp__full-prompts .ja{color:#888}.submenu{margin-top:10px;background-color:#444;border-radius:10px;padding:15px;display:flex;gap:10px;flex-direction:column}.submenu__header{text-align:center}.submenu__header h2{font-size:14px}.submenu__content{display:flex;justify-content:center;flex-wrap:wrap}.submenu .compare-mode-toggle{margin-top:10px;padding:15px 2px;border-top:1px solid #666}.model__item{padding:10px;cursor:pointer;border-radius:5px;font-size:14px;line-height:1;color:#ccc;display:flex;align-items:center;gap:4px;transition:all .2s ease;color:#fff}.model__item:hover{color:#fff}.model__item--active{background-color:#819b31;color:#fff}.model__checkbox input[type=checkbox]{width:14px;height:14px;accent-color:#819B31}.model__checkbox input[type=radio]{visibility:hidden;width:1px}.model__info{display:flex;align-items:center;gap:4px}.model__name{flex:1}.model__count{font-size:10px;opacity:.7}}@media print,screen and (min-width: 769px){.common-parts{position:fixed;top:20px;right:10px;display:flex;gap:5px;z-index:1000}}@media screen and (max-width: 768px){.common-parts{position:relative;display:flex;gap:5px;align-items:center;justify-content:center;padding:10px;z-index:1000}}.common-about{font-size:14px;color:#322626}.common-about a{display:block;color:#888;color:#fff;text-decoration:underline;height:30px;cursor:pointer}.common-about a:hover{opacity:.8}.common-about-modal{padding:4px 0 0;font-size:14px;color:#888;color:#fff;cursor:pointer}.common-about-modal:hover{opacity:.8}.common-lang{color:#322626}.common-lang .lang-btn{display:inline-flex;align-items:center;background:#819b31;background-color:transparent;color:#fff;font-weight:700;border:none;border-radius:2px;padding:0 10px;height:30px;font-size:14px;cursor:pointer;text-decoration:none;transition:background .2s}.common-lang .lang-btn i{margin-right:6px}.common-lang .lang-btn:hover{opacity:.8}.common-share{position:relative;display:inline-block}.common-share .share-btn{display:inline-flex;align-items:center;background:#819b31;color:#fff;font-weight:700;border:none;border-radius:2px;padding:0 10px;height:30px;font-size:14px;cursor:pointer;text-decoration:none;transition:background .2s}.common-share .share-btn i{margin-right:6px}.common-share .share-list{position:absolute;top:100%;left:-10px;background:#222;border:1px solid #444;border-radius:6px;box-shadow:0 2px 8px #00000026;margin-top:6px;min-width:120px;padding:4px 0;list-style:none}.common-share .share-list li{margin:0}.common-share .share-list .share-list-btn{display:flex;align-items:center;width:100%;background:none;border:none;color:#fff;font-size:12px;padding:8px 10px;text-align:left;text-decoration:none;cursor:pointer;transition:background .2s}.common-share .share-list .share-list-btn:hover{background:#819b31;color:#fff}.common-share .share-list .share-list-btn span{margin-right:8px}.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;margin-top:10px;margin-bottom:10px}.about-modal-container a{color:#819b31}.about-modal-container p{font-size:16px;line-height:1.7}.about-modal-container ul{list-style:disc;padding-left:20px}.about-modal-container ul li{font-size:16px;line-height:1.7}.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)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}