*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#00d4ff;--secondary-color:#8bc34a;--background-color:#fff;--text-color:#333;--border-color:#e0e0e0;--shadow-light:0 2px 4px rgba(0,0,0,.1);--shadow-medium:0 4px 8px rgba(0,0,0,.15);--border-radius:8px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px}body,html{background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md);width:100%}.header{background:var(--background-color);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.header h1{color:var(--primary-color);font-size:var(--font-size-lg);font-weight:600;text-align:center}.gallery-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding:var(--spacing-lg) 0}.image-card{background:var(--background-color);border-radius:var(--border-radius);box-shadow:var(--shadow-light);cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.image-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.image-card img{display:block;height:160px;-o-object-fit:cover;object-fit:cover;width:100%}.copy-button{align-items:center;background:#ffffffe6;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;justify-content:center;min-height:32px;min-width:32px;padding:var(--spacing-sm);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:background-color .2s ease}.copy-button:hover{background:#fff}.copy-button.copied{background:var(--secondary-color);color:#fff}.detail-container{margin:0 auto;max-width:800px;padding:var(--spacing-lg) var(--spacing-md)}.detail-image{margin-bottom:var(--spacing-lg);max-height:60vh;-o-object-fit:contain;object-fit:contain;width:100%}.detail-image,.prompt-section{border-radius:var(--border-radius)}.prompt-section{background:#f8f9fa;border:1px solid var(--border-color);padding:var(--spacing-lg)}.prompt-text{line-height:1.7;margin-bottom:var(--spacing-md)}.btn,.prompt-text{font-size:var(--font-size-base)}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#00b8e6}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#7cb342}.upload-form{margin:0 auto;max-width:600px;padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-sm)}.form-input,.form-textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);padding:var(--spacing-md);transition:border-color .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);outline:none}.form-textarea{min-height:120px;resize:vertical}.file-input{border:2px dashed var(--border-color);border-radius:var(--border-radius);cursor:pointer;padding:var(--spacing-xl);text-align:center;transition:border-color .2s ease}.file-input:hover{border-color:var(--primary-color)}.nav-back{align-items:center;color:var(--primary-color);display:inline-flex;font-weight:500;margin-bottom:var(--spacing-lg);text-decoration:none}.nav-back:hover{text-decoration:underline}.auth-section{margin:var(--spacing-lg) 0;padding:var(--spacing-xl);text-align:center}.user-menu{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);position:fixed;right:var(--spacing-md);top:var(--spacing-md);z-index:100}.user-info{align-items:flex-start;display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-badge{background:var(--secondary-color);border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:2px 6px}.admin-upload-btn{align-items:center;background:var(--primary-color);border:none;border-radius:50%;bottom:var(--spacing-lg);box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:var(--spacing-lg);width:56px;z-index:50}.admin-upload-btn:hover{background:#00b8e6}.loading{align-items:center;display:flex;justify-content:center;padding:var(--spacing-xl)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{animation:toast-in .3s ease;background:var(--secondary-color);border-radius:var(--border-radius);bottom:var(--spacing-lg);color:#fff;left:50%;padding:var(--spacing-md) var(--spacing-lg);position:fixed;transform:translate(-50%);z-index:1000}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (min-width:768px){.gallery-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.image-card img{height:200px}.container{padding:0 var(--spacing-lg)}.header h1{font-size:var(--font-size-xl)}}@media (min-width:1024px){.gallery-grid{grid-template-columns:repeat(4,1fr)}.image-card img{height:240px}}@media (min-width:1200px){.gallery-grid{grid-template-columns:repeat(5,1fr)}}