.media-detail{max-width:1200px;margin:0 auto;padding:20px}.media-preview{margin-bottom:30px;text-align:center}.preview-container{position:relative;display:inline-block;max-width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.preview-container::before{content:"";position:absolute;inset:0;z-index:1}.preview-image{display:block;max-width:100%;max-height:800px;height:auto;border-radius:8px;pointer-events:none;box-shadow:0 2px 4px rgb(0 0 0 / .1);vertical-align:bottom}.download-options,.media-meta{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.download-options{margin-bottom:30px}.download-options-container{display:flex;gap:30px;align-items:stretch;min-height:120px}.option-section{flex:1}.option-section h3,.meta-section h3{font-size:16px;margin-bottom:15px;color:#333}.format-buttons,.quality-buttons{display:flex;gap:10px}.format-button,.quality-button,.download-button{height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.format-button,.quality-button{background:#f5f5f5;border:1px solid #ddd;padding:8px 10px;min-width:80px;cursor:pointer;color:#666}.format-button:hover:not(:disabled),.quality-button:hover:not(:disabled){background:#e9e9e9}.format-button.active:not(:disabled),.quality-button.active:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary-dark)}.format-button:disabled,.quality-button:disabled{background:#f5f5f5;border-color:#ddd;color:#666;cursor:not-allowed}.quality-button{flex-direction:column}.quality-name{font-weight:700;margin-bottom:4px;line-height:1}.quality-size{font-size:12px;color:#666;line-height:1}.download-form-actions{display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center;align-self:stretch}.download-button{background:var(--secondary);color:#fff;border:none;padding:12px 24px;font-size:16px;width:100%;cursor:pointer}.download-button:hover{background:var(--secondary-dark)}.download-button:disabled{background:#6c757d;cursor:not-allowed}.download-message,.download-limit-message{padding:10px;border-radius:4px;text-align:center;width:100%}.download-message{background:#e9ecef;color:#495057;font-size:14px}.download-limit-message{margin-top:15px;background:#f8d7da;color:#721c24}.option-note{display:block;margin-top:10px;font-size:12px;color:#666}.premium-link{display:inline-block;margin-top:15px;padding:8px 16px;background:var(--accent);color:#000;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.premium-link:hover{background:var(--accent-dark)}.meta-section p{margin-bottom:10px;color:#666}.meta-section a{color:var(--primary);text-decoration:none;transition:color 0.3s ease;padding:2px 6px;border-radius:3px;background-color:#f5f5f5;margin:0 2px;font-size:.9em}.meta-section a:hover{color:var(--primary-dark);background-color:#e9e9e9}.guest-download-prompt{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:8px;border:1px solid #dee2e6}.prompt-title{font-size:20px;font-weight:700;color:#333;margin-bottom:12px;line-height:1.3}.prompt-text{font-size:16px;color:#666;margin-bottom:25px;line-height:1.6}.prompt-buttons{display:flex;gap:15px;justify-content:center;align-items:center}.prompt-buttons .button{min-width:120px;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none}.message{position:fixed;bottom:20px;right:20px;padding:15px 25px;border-radius:4px;color:#fff;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:1000}.message.show{opacity:1;transform:translateY(0)}.message-success{background:var(--secondary)}.message-error{background:var(--primary)}.message-info{background:var(--accent)}.related-images{margin-top:30px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.related-images-title{font-size:16px;margin-bottom:20px;color:#333;font-weight:500}.related-images-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:start}.related-image-item{position:relative;background:#f8f9fa;border-radius:6px;overflow:hidden;aspect-ratio:1}.related-image-link{display:block;width:100%;height:100%;text-decoration:none;background:#f8f9fa}.related-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4px}.related-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform 0.3s ease}.related-image-item:hover .related-image{transform:scale(1.05)}@media (hover:hover){.preview-container:hover::after{content:"画像は保護されています";position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .7);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;z-index:3}}@media (max-width:1200px){.related-images-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.download-options-container{flex-direction:column;align-items:center;min-height:auto}.option-section,.download-form-actions{width:100%;max-width:300px}.format-buttons,.quality-buttons{justify-content:center;flex-wrap:wrap}.quality-button{flex:1 1 calc(50% - 5px);min-width:0}.related-images-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.related-images-grid{grid-template-columns:repeat(2,1fr);gap:8px}.quality-button{flex:1 1 calc(50% - 5px)}.prompt-buttons{flex-direction:column;gap:12px}.prompt-buttons .button{width:100%;max-width:280px}.prompt-title{font-size:18px}.prompt-text{font-size:15px}}