.viatv-color-admin{max-width:1200px;margin:20px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.viatv-color-admin h1{color:#333;margin-bottom:10px}.viatv-color-admin>p{color:#666;margin-bottom:20px}.viatv-color-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #ddd;margin-bottom:30px}.viatv-color-table tr{border-bottom:1px solid #ddd}.viatv-color-table th{background:#f5f5f5;padding:15px;text-align:left;font-weight:600;color:#333}.viatv-color-table td{padding:15px;color:#666}.viatv-color-input{width:60px;height:60px;border:2px solid #ddd;border-radius:5px;cursor:pointer;transition:border-color .3s}.viatv-color-input:hover{border-color:#8576ff}.viatv-color-preview{margin-top:40px;padding:20px;background:#f9f9f9;border-radius:5px;border:1px solid #e0e0e0}.viatv-color-preview h2{color:#333;margin-bottom:20px}.viatv-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.viatv-preview-item{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s}.viatv-preview-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.viatv-preview-color{width:100%;height:100px;border-bottom:1px solid #ddd}.viatv-preview-label{padding:10px;font-size:12px;font-weight:600;color:#333}.viatv-preview-value{padding:5px 10px;font-size:11px;color:#999;font-family:monospace;background:#f5f5f5}