@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap";.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;margin:0;background-color:#121212;color:#fff}img{max-width:100%}@media print,screen and (min-width: 769px){.app-root{display:flex;flex-direction:column;height:100vh;background-color:#121212}header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;gap:20px;padding:16px 15px}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}.main-container{position:absolute;top:60px;left:0;right:0;bottom:0;display:flex;flex:1;overflow:hidden}.sidebar{padding:15px 15px 0;display:flex}.sidebar .menu-container{display:flex;gap:10px;width:100%}.sidebar .menu-section{overflow:auto}.sidebar .menu-section:nth-child(1){width:200px}.sidebar .menu-section:nth-child(2){width:110px}.sidebar .menu-section:last-child{padding-right:0;padding-left:8px}.sidebar .menu-section h2{font-size:15px;color:#a0a0a0;margin-bottom:10px;border-bottom:1px solid #666;padding:10px 0 16px}.sidebar .menu-section h3{font-size:13px;border-radius:5px;padding:5px;font-weight:700}.sidebar .menu-section .prompt-group{margin-bottom:20px}.sidebar .menu-section .prompt-group ul{margin-left:10px;padding-left:5px;border-left:1px solid #444}.sidebar .menu-section ul{list-style:none;padding:0;margin:0}.sidebar .menu-section ul li{margin-bottom:3px}.sidebar .menu-section ul li button{width:100%;text-align:left;padding:4px 5px;border:1px solid transparent;background-color:transparent;color:#d0d0d0;cursor:pointer;border-radius:2px;font-size:13px;transition:background-color .2s,color .2s}.sidebar .menu-section ul li button span{opacity:.5}.sidebar .menu-section ul li button:hover{background-color:#2a2a2a}.sidebar .menu-section ul li button.active{background-color:#819b31;color:#fff;font-weight:700}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.info-bar{padding:15px 0;color:#fff;font-size:15px;display:flex;gap:10px}.info-bar .prompt-name{font-weight:700;font-size:24px}.info-bar .prompt-name s{color:#666}.info-bar .model-name{color:#888;font-size:24px;font-weight:700}.info-bar .model-name:before{font-weight:200;content:"/ "}.size-selector{position:fixed;top:80px;right:30px;z-index:100;display:flex;gap:4px}.size-selector button{background-color:#333;color:#fff;border:1px solid #555;padding:6px 10px;border-radius:3px;cursor:pointer;font-size:14px}.size-selector button:hover{background-color:#444}.size-selector button.active{background-color:#819b31;border-color:#819b31}.image-grid{flex:1;display:grid;gap:1px;overflow-y:auto;grid-template-columns:repeat(var(--grid-columns),1fr)}.image-grid .grid-item{position:relative;width:100%;border-radius:4px;overflow:hidden;cursor:pointer;transition-duration:.2s;padding-top:calc(var(--image-ratio-h) / var(--image-ratio-w) * 100%)}.image-grid .grid-item:hover{filter:brightness(1.1)}.image-grid .grid-item .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%}.image-grid .grid-item .lazy-load-image-background img{object-fit:cover}.image-grid .grid-item .image-number{position:absolute;left:0;bottom:0;background-color:#00000080;color:#fff;padding:2px 4px;font-size:10px;font-weight:700;z-index:10}.hover-info{position:fixed;bottom:15px;right:15px;background-color:#000c;color:#fff;padding:8px 12px;border-radius:4px;z-index:1000;pointer-events:none;font-size:13px}.hover-info p{margin:0}.prompt-note{background-color:#2a2a2a;padding:10px;border-radius:5px;font-size:12px;line-height:1.5;color:#888;letter-spacing:.05em;margin-top:10px}.prompt-note p{margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#222;border-radius:8px;padding:20px;box-shadow:0 2px 16px #0006;color:#fff;display:flex;gap:32px;align-items:flex-start;position:relative}.modal-content .modal-content-cols{display:flex;gap:20px}.modal-content .modal-content-cols .modal-image{flex:0 0 auto}.modal-content .modal-content-cols .modal-image img{max-width:56vw;max-height:86vh}.modal-content .modal-content-cols .modal-info{display:flex;gap:10px;flex-direction:column}.modal-content h2{font-size:12px;font-weight:700;color:#819b31;margin-top:10px}.modal-content .prompt-name{font-size:16px;font-weight:700}.modal-content .model-name{font-size:16px}.modal-content .image-number{font-size:14px}.modal-content .modal-close{position:absolute;top:-15px;right:-15px}.modal-content .modal-close button{background:none;border:none;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;background-color:#819b31;display:flex;align-items:center;justify-content:center;cursor:pointer}}@media screen and (max-width: 768px){.app-root{flex-direction:column}header{position:relative;padding:20px 15px}header h1{font-size:20px;text-align:center;font-weight:200}header h1 b{font-weight:900;display:block}footer{position:relative;text-align:center;padding:10px 0;right:auto;top:auto}footer a{color:#888}.main-container{position:relative;top:auto;left:auto;right:auto;bottom:auto;flex-direction:column;overflow:visible}.hamburger-menu{display:block;position:fixed;top:15px;left:15px;background-color:#819b31;color:#fff;border:none;width:50px;height:50px;font-size:32px;padding:0 0 2% px 0;cursor:pointer;z-index:1001;border-radius:2px}.sidebar{position:fixed;top:0;left:-300px;width:250px;height:100%;background-color:#222;transition:left .3s ease-in-out;z-index:1000;padding-top:60px;flex-direction:column;box-shadow:5px 0 10px #00000080}.sidebar.open{left:0}.sidebar h2{font-size:16px;text-align:center;padding:10px 0;border-bottom:1px solid #666}.sidebar h3{font-size:14px;padding:10px 0}.sidebar .prompt-group .prompt-list{margin-left:5px;padding-left:5px;border-left:1px solid #666}.sidebar .close-sidebar{position:absolute;top:15px;right:15px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.sidebar .menu-container{position:absolute;top:60px;left:0;right:0;bottom:0;overflow-y:auto}.sidebar .menu-section{padding:20px}.sidebar .menu-section:last-child{border-left:none}.sidebar .prompt-list{list-style:none;padding:0;margin:0}.sidebar .prompt-list li{margin-bottom:3px}.sidebar .prompt-list li button{width:100%;text-align:left;padding:8px 10px;border:1px solid transparent;background-color:transparent;color:#d0d0d0;cursor:pointer;border-radius:3px;font-size:13px;transition:background-color .2s,color .2s}.sidebar .prompt-list li button:hover{background-color:#2a2a2a}.sidebar .prompt-list li button.active{background-color:#819b31;color:#fff;font-weight:700}.main-content{padding:15px}.info-bar{flex-direction:column;align-items:flex-start;font-size:20px;text-align:center;padding:10px 0}.info-bar .prompt-name{font-weight:700;font-size:18px}.info-bar .prompt-name s{color:#666;display:block}.info-bar .model-name{color:#888}.size-selector{display:none}.model-list-sp-wrapper{background-color:#819b31;padding:15px;text-align:center;margin-bottom:15px;margin-left:-15px;margin-right:-15px}.model-list-sp-wrapper h2{font-size:16px;color:#fff;margin-bottom:5px;padding-bottom:5px}.model-list-sp-wrapper .model-list-sp{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.model-list-sp-wrapper .model-list-sp li button{background-color:#819b31;color:#fff;border:1px solid #fff;padding:8px 12px;border-radius:3px;cursor:pointer;font-size:13px}.model-list-sp-wrapper .model-list-sp li button span{opacity:.5}.model-list-sp-wrapper .model-list-sp li button.active{background-color:#222;color:#fff;border-color:#222}.grid-item{position:relative;width:100%;border-radius:4px;overflow:hidden;display:flex;gap:10px;flex-direction:column}img{vertical-align:top}.image-grid{padding:0;display:flex;flex-wrap:wrap}.image-grid .grid-item{width:50%}.image-grid .image-number{position:absolute;left:0;bottom:0;background-color:#00000080;color:#fff;padding:2px 4px;font-size:12px;font-weight:700;z-index:10}.hover-info{bottom:5px;right:5px;padding:5px 8px;font-size:11px}.prompt-note{background-color:#2a2a2a;padding:10px;border-radius:5px;font-size:12px;line-height:1.5;color:#888;letter-spacing:.05em;margin-top:10px}.prompt-note p{margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#222;border-radius:8px;max-width:100vw;max-height:90vh;box-shadow:0 2px 16px #0006;color:#fff;display:flex;flex-direction:column;gap:16px;align-items:center;position:relative;text-align:center}.modal-content .modal-content-cols .modal-image img{max-height:70vh}.modal-content .modal-content-cols .modal-info{padding:10px}.modal-content h2{font-size:12px;font-weight:700;color:#819b31;margin-top:10px;display:none}.modal-content .prompt-name{font-size:14px;font-weight:700}.modal-content .model-name{font-size:14px}.modal-content .image-number{font-size:11px}.modal-content .modal-close{position:absolute;top:15px;right:15px}.modal-content .modal-close button{background:none;border:none;color:#819b31;font-size:20px;width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}}@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)}