@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter/Inter[opsz,wght].woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/Inter/Inter-Italic[opsz,wght].woff2) format("woff2")}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"liga" 1,"calt" 1}*{margin:0;padding:0;box-sizing:border-box}body{background:#fff;color:#000;line-height:1.5;overflow-x:hidden;min-height:100vh;padding-top:60px}nav{position:fixed;top:0;left:0;right:0;background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;z-index:1000}nav .logo-link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:#000;margin-right:2rem}nav .mauc-logo{width:32px;height:32px;background:#f60;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}nav .logo-text{font-size:1.25rem;font-weight:600}nav .nav-links{display:flex;gap:1rem;align-items:center}nav .nav-user{display:flex;gap:1rem;align-items:center}nav .user-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5f5;border:1px solid #e0e0e0;font-size:.9rem}nav .user-name{font-weight:500}nav .dev-badge{background:#f60;color:#fff;padding:.2rem .5rem;font-size:.75rem;font-weight:600}nav .logout-btn{background:#fff;color:#000;border:1px solid #e0e0e0;padding:.5rem 1rem;cursor:pointer;font-weight:500;font-size:.9rem;font-family:Inter;transition:.2s ease;display:flex;align-items:center;gap:.5rem}nav .logout-btn:hover{background:#f5f5f5}nav a{color:#000;text-decoration:none;padding:.5rem 1rem;border:1px solid transparent;display:inline-flex;align-items:center;gap:.5rem;font-weight:500;transition:.2s ease;font-size:.95rem}nav a:hover{border-color:#e0e0e0}nav a.active{border-color:#f60;color:#f60}.container{max-width:1400px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:600;color:#000}.card{background:#fff;border:1px solid #e0e0e0;padding:2rem;margin-bottom:2rem}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#000}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#f5f5f5;border:1px solid #e0e0e0;padding:1rem;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#f60}.stat-label{color:#666;margin-top:.5rem;font-size:.9rem}.search-box{margin-bottom:2rem}.search-input{width:100%;padding:1rem;border:1px solid #e0e0e0;font-size:1rem;font-family:Inter;transition:.2s ease}.search-input:focus{outline:none;border-color:#f60}.thumbnail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1024px){.thumbnail-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.thumbnail-grid{grid-template-columns:repeat(2,1fr)}}.thumbnail-card{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;border:1px solid #e0e0e0;transition:.2s ease;background:#f5f5f5}.thumbnail-card:hover{border-color:#f60;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.thumbnail-card:active{transform:translateY(0)}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.thumbnail-image,.thumbnail-canvas{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-badge{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600;z-index:10;pointer-events:none}.thumbnail-badge.threed{background:#f60;color:#fff}.thumbnail-badge.inpainting{background:#9b59b6;color:#fff}.thumbnail-badge.video{background:#2980b9;color:#fff}.thumbnail-badge.upscale{background:#16a085;color:#fff}.thumbnail-badge.free{position:absolute;top:.5rem;left:.5rem;right:auto;background:#48bb78;color:#fff}.history-grid,.history-item,.history-image{display:none}.image-container{position:relative}.image-container:after{content:"+";position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;padding:.25rem .5rem;font-size:.9rem;opacity:0;transition:.2s ease}.image-container:hover:after{opacity:1}.image-label{font-size:.8rem;color:#f60;font-weight:600;text-align:center;margin-bottom:.5rem}.history-info{display:flex;flex-direction:column;gap:.5rem}.history-prompt{font-weight:500;color:#000;line-height:1.4}.history-meta{font-size:.9rem;color:#666}.loading{text-align:center;padding:4rem}.spinner{border:3px solid #f5f5f5;border-top:3px solid #ff6600;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge{display:inline-block;padding:.25rem .75rem;background:#f60;color:#fff;font-size:.8rem;font-weight:600;margin-right:.5rem}.badge.free{background:#48bb78}.hidden{display:none!important}@media (max-width: 768px){body{padding-top:70px}nav{padding:.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}nav a{padding:0!important}nav .nav-links{flex-direction:column;gap:.25rem;width:100%;align-items:flex-start}nav .nav-links .logo-link{margin-bottom:.25rem;margin-right:0}nav .nav-links a:not(.logo-link){font-size:.85rem;width:100%}nav .nav-user{width:100%;justify-content:space-between;flex-wrap:wrap;gap:.5rem}nav .nav-user .user-info{padding:.25rem .5rem;font-size:.75rem}nav .nav-user .logout-btn{padding:.25rem .5rem;font-size:.75rem}.container{padding:0!important;margin:0!important;max-width:100%}.card{padding:0!important;margin:0!important;border-left:none!important;border-right:none!important}.header{margin-bottom:1rem;padding:.5rem}.header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;padding:0 .5rem}.search-box,.history-grid{padding:0 .5rem}}
