:root{--primary-bg:#000000;--secondary-bg:#1e1e1e;--text-color:#ffffff;--accent-color:#8b0000;--hover-accent:#333333;--border-color:#333333;--header-color:#ffffff}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:var(--primary-bg);color:var(--text-color);display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:20px}.container{max-width:800px;margin:0 auto;background-color:var(--secondary-bg);padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(255,0,0,0.5)}h1{text-align:center;color:var(--header-color)}.metadata-section,.edit-section{margin-bottom:20px}.metadata-output{background-color:#111;border:1px solid var(--border-color);padding:10px;border-radius:5px;min-height:100px;white-space:pre-wrap;word-break:break-all}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:bold}.form-group input{width:100%;padding:8px;border-radius:4px;border:1px solid var(--border-color);background-color:#333;color:var(--text-color)}button{width:100%;padding:10px;background-color:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color 0.2s}button:hover{background-color:#a52a2a}#image-preview{max-width:100%;height:auto;margin-top:20px;border-radius:5px}.file-input-wrapper{margin-bottom:20px}[data-theme="light"] body{background-color:#f0f5fa!important;color:#1f2937!important}[data-theme="light"] .container{background-color:#ffffff!important;color:#1f2937!important}[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea{background-color:#ffffff!important;color:#1f2937!important;border-color:#d1d5db!important}[data-theme="light"] button{background-color:#2563eb!important;color:#fff!important}[data-theme="light"] button:hover{background-color:#1d4ed8!important}[data-theme="light"] .description{color:#4b5563!important}[data-theme="light"] #metadataDisplay{background-color:#f9fafb!important;color:#1f2937!important;border-color:#d1d5db!important}
